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 Sep 03 '18 at 13:06 — Suresh Kumar Ariya, Sep 03 '18 at 13:06

score 2 · Answer 1 · answered Sep 03 '18 at 12:59

2

use form.get('controlName')

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

answered Sep 03 '18 at 12:59

Krishna Rathore

9,389
5
24
48

Akj · Accepted Answer · 2018-09-03T13:08:42.493

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 03 '18 at 13:08

answered Sep 03 '18 at 12:59

Akj

7,038
3
28
40

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

2 Answers2