How to manually set values of nested form in Angular 2?

Question

So I have a nested form like this:

form
    - address
        - city
        - state
        - pincode
    - name
    - phone

now I want to set the value of pincode programatically. How do I set it? I have checked it for the non nested form and found it here: But can't seem to find it for nested forms.

I have tried using dot notation for finding controls.

Are you using Reactive form or template driven form?

Suresh Kumar Ariya
– Suresh Kumar Ariya

2018-09-03 13:06:27 +00:00
Commented Sep 3, 2018 at 13:06 — Suresh Kumar Ariya
– Suresh Kumar Ariya, Commented Sep 3, 2018 at 13:06
I'm using reactive form

gndps
– gndps

2018-09-03 13:49:12 +00:00
Commented Sep 3, 2018 at 13:49 — gndps
– gndps, Commented Sep 3, 2018 at 13:49

Akj · Accepted Answer · 2018-09-03 13:08:42Z

2

Try something like this:

Refer Demo to understand form array

DEMO

Use index to get controls of FormArray.

form.controls.address.controls[i].controls.pincode.setValue('your_pin')

edited Sep 3, 2018 at 13:08

answered Sep 3, 2018 at 12:59

Akj

7,2513 gold badges31 silver badges41 bronze badges

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

Comments

Krishna Rathore · Accepted Answer · 2018-09-03 12:59:07Z

2

use form.get('controlName')

this.form.get('address').get('pincode').setValue(selected.id);

answered Sep 3, 2018 at 12:59

Krishna Rathore

9,7475 gold badges28 silver badges50 bronze badges

Collectives™ on Stack Overflow

How to manually set values of nested form in Angular 2?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related