Linked Questions

Popular Questions

How do I get the value of a nested formBuilder group

Asked by At

My nested form is currently formatted in this way:

this.form = this.formBuilder.group({
      user:  this.formBuilder.group({
        id: ['', Validators.required],
        name: ['', Validators.required],
        phone: ['', Validators.required]
      })
})

I would usually access the value like this:

let userID = this.Form.controls['id'].value;
let userName = this.Form.controls['name'].value;
let userPhone = this.Form.controls['phone'].value;

but because the formGroups are nested, I'm not sure how to access the nested values. I tried:

let userName = this.Form.controls['user'].name;

What's the correct syntax for accessing a form control value in a nested formGroup? Thanks

Related Questions