Angular2 Update FormGroup nested value?

Question

I have this inside a component:

private formBuilder: FormBuilder

...

signupForm: FormGroup;

...

this.signupForm = this.formBuilder.group({
  'name':             [null, Validators.required],
  'account':          this.formBuilder.group({
    'email':          [null, [Validators.required, ...]],
    'confirm_email':  [null, Validators.required],
  }, {validator: ValidationService.emailMatcher}),
  'password':         [null, [Validators.required,...]]
});

And I want to set the value for the email field. I tried this, but no luck:

this.signupForm.patchValue({'email': '[email protected]'});

But the value is nested, so whats the sintax in this case? I also tried:

this.signupForm.patchValue({'account.email': '[email protected]'});

Also searched here:

https://angular.io/docs/ts/latest/api/forms/index/FormGroup-class.html#!#patchValue-anchor

Thanks

Venkat.R · Accepted Answer · 2018-09-24 09:55:02Z

57

Try this:

this.signupForm.patchValue({account:{email: '[email protected]'}});

Another solution is:

(<FormGroup>this.signupForm.controls['account']).controls['email'].patchValue('[email protected]');

Sorry for bad indentation.

edited Sep 24, 2018 at 9:55

Venkat.R

7,8045 gold badges45 silver badges68 bronze badges

answered Jan 26, 2017 at 12:54

Karan Garg

1,10310 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ismaestro Over a year ago

That's it! Thanks a lot! I do not know why I didn't realize with the solution ... now it seems obvious!

Lakhvir Singh Over a year ago

How to use variable in place of account in your above solution.

Karan Garg Over a year ago

you could use this syntax this.signupForm.patchValue({[variable]:{email: '[email protected]'}});

Collectives™ on Stack Overflow

Angular2 Update FormGroup nested value?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related