angular监听表单和具体表单控件

在html 中定义了 FromGroup,怎么来监听用户输入值的变化呢?

可以使用 valueChanges 来订阅变化。

首先,实例化FromGroup

 create(){
	this.supplierFrom = this.fb.group({
      		merchantName: [null, [Validators.required]],  
   	 });
}

然后,定义一个 onFormChanges 方法来监听 form的变化

onFormChanges(): void {
    // 监听整个表单
    // this.supplierFrom.valueChanges.subscribe(val => {
    //   console.log('onFormChanges', val);
    // });
    // 监听具体表单控件
    this.supplierFrom.get('merchantName').valueChanges.subscribe(val => {
      console.log('onFormChanges', val);
    });
  }

在ngInit 时调用以上两个方法

ngOnInit(): void {
   this.create();
    this.onFormChanges();
  }

你可能感兴趣的:(Angular,angular)