如何从 addUserInfoFormGroup 获取“name”表单控件的“valueChanges”事件

Question

为了在任何表单控件上使用 mat-autocomplete，我们需要将 valueChanges 事件获取到该特定表单控件。我的 formcontrol 存在于 formGroup 中，它再次使用 formArray，如下所示。我需要从 addUserInfoFormGroup 方法获取的 'name' formcontrol 的 valueChanges 事件。

我正在使用 (this.myForm.get('usersInfo') as FormArray).controls[0].controls.name.valueChanges 来获取 valueChanges 事件，但它不起作用。

我的 ts 文件

ngOnInit() {      
           this.myForm= new FormGroup({   
             usersInfo: this.fb.array([this.addUserInfoFormGroup()])   
           });    
}   

addUserInfoFormGroup() : FormGroup{   
      let userInfo = {   
         'name': ['',Validators.required],  
         'age': ['',Validators.required],  
         'role': ['',Validators.required],  
       };  
      return this.fb.group(userInfo );  
}  

Answer 1

这样试试

addUserInfoFormGroup() : FormGroup{   
    cosnt userInfo = {   
         'name': ['',Validators.required],  
         'age': ['',Validators.required],  
         'role': ['',Validators.required],  
    };  
    const fg = this.fb.group(userInfo );
    fg.get('name').valueChanges.subscribe(...);

    return fg;  
}