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();
  }