Angular5 reactive Forms Listening for Changes 监听表单变化
发布时间:2020-12-17 07:03:38 所属栏目:安全 来源:网络整理
导读:在html 中定义了 FromGroup,怎么来监听用户输入值的变化呢? 可以使用 valueChanges 来订阅变化。 this.myForm.valueChanges.subscribe(val = { // to do}); 首先,实例化FromGroup initFormControls() { this.form = this._formBuilder.group({ ipCtrl: ne
在html 中定义了 FromGroup,怎么来监听用户输入值的变化呢? 可以使用 this.myForm.valueChanges.subscribe(val => { // to do }); 首先,实例化FromGroup initFormControls() { this.form = this._formBuilder.group({ ipCtrl: new FormControl(‘‘,[Validators.required,Validators.pattern(Validator.ipReg)]),snmpCommunityCtrl: new FormControl(‘‘,[Validators.maxLength(24)]),descriptionCtrl: new FormControl(‘‘,[Validators.maxLength(255)]),enabledBGPCtrl: new FormControl(),}); } 然后,定义一个 onFormChanges 方法来监听 form的变化 onFormChanges(): void { // watch the whole form this.form.valueChanges.subscribe(val => { console.log(‘onFormChanges‘,val); }); // watch the specific form control this.form.get(‘enabledBGPCtrl‘).valueChanges.subscribe(val => { console.log(‘onFormChanges‘,val); }); } 在ngInit 时调用以上两个方法 ngOnInit() { this.initFormControls(); this.onFormChanges(); } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |