Как я могу получить событие 'valueChanges' для formcontrol 'name' из addUserInfoFormGroup

Question

Чтобы использовать mat-autocomplete в любом элементе управления формы, нам нужно извлечь событие valueChanges в этот конкретный элемент управления формы. Мой formcontrol присутствует внутри formGroup, которая снова использует formArray, как показано ниже. Мне нужно событие valueChanges для 'name' formcontrol, которое извлекается из метода addUserInfoFormGroup.

Я использую (this.myForm.get ('usersInfo') в качестве 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;  
}