Nested FormArray in Angular 4? [duplicate]

Question

Hey need help with reactive forms in Angular 4. I've got the next FormGroup declared:

userForm:FormGroup = new FormGroup ({
    employeenumber: new FormControl(),
    name: new FormControl(),
    lastname: new FormControl(),
    birthdate: new FormControl(),
    phone: new FormControl(),
    email: new FormControl(),
    username: new FormControl(),
    password: new FormControl(),
    blocked: new FormControl(),
    departments: new FormArray([
        new FormControl()
    ])
});

But I want to nest other array inside the departments array. To have something like this:

departments: [
    { department: 'test', roles:['rol1', 'rol2'] }
]

It is possible to nest FormArrays? or what is the best way of doing this.

yes, its possible, you can see the angular reactive form document — Aniruddha Das
– Aniruddha Das, Commented Oct 9, 2017 at 17:25

Rahul Singh · Accepted Answer · 2017-10-09 18:14:37Z

5

I think you are looking for something like this Nested Reactive Forms.

There a Highly Nested one too if you wish .

I couldn't place the whole code here as it is too long and your question wanted to check if it is possible to nest Form Array.Hope this helps

answered Oct 9, 2017 at 18:14

Rahul Singh

19.7k13 gold badges69 silver badges96 bronze badges

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

2 Comments

Jack Over a year ago

Useful links, but lacking examples of nesting components with nested FormArrays.

Rahul Singh Over a year ago

Ya jack only stand alone stuff

Collectives™ on Stack Overflow

Nested FormArray in Angular 4? [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related