How can I get 'valueChanges' event for 'name' formcontrol from addUserInfoFormGroup

Question

In order to use mat-autocomplete on any form control we need to fetch the valueChanges event to that particular form control. My formcontrol is present inside a formGroup which again uses formArray as shown below. I need valueChanges event for 'name' formcontrol which is fetched from addUserInfoFormGroup method.

I am using (this.myForm.get('usersInfo') as FormArray).controls[0].controls.name.valueChanges to fetch the valueChanges event, but it doesn't work.

my ts file

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

did you check my answer ? – Muhammed Albarmavi Feb 06 '20 at 11:01 — Muhammed Albarmavi, Feb 06 '20 at 11:01
yes @malbarmavi I have checked it and it's working now – MuraliMohan Feb 06 '20 at 14:04 — MuraliMohan, Feb 06 '20 at 14:04

score 0 · Answer 1 · answered Feb 06 '20 at 10:28

0

Try like this

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

answered Feb 06 '20 at 10:28

Muhammed Albarmavi

23,240
8
66
91

Thanks @malbarmavi, the event is triggered now. – MuraliMohan Feb 06 '20 at 14:02

How can I get 'valueChanges' event for 'name' formcontrol from addUserInfoFormGroup

1 Answers1