Angular : Can't update values in nested formGroup and formArray

Question

I have a formGroup called 'selsectedForm' includes nested arrays, the first level is 'fields' formArray includes the second level which is 'values' formArray.

I saw many examples about nested form arrays and tried to use them but I failed every time.

I couldn't use setValue() or patchValue() methods in these nested arrays to update the formGroup values.

I need to do that to see if the form is touched and valid, and also to update the values for submit.

here is the code: https://stackblitz.com/edit/angular-httakx?embed=1&file=app/app.component.ts

Siro · Accepted Answer · 2018-03-06 10:26:20Z

1

You can set a debugger in your app and print the form so you can check the fields of the value attribute to set the exact content it needs.

For the addField() function:

last.patchValue({values:['myValue']})

For the addValue(i) function:

var storedValue = values.getRawValue(); storedValue[storedValue.length - 1] = 'value' + i; values.patchValue(storedValue)

For removeValue(i,j):

var storedValue = values.getRawValue(); storedValue[storedValue.length - 1] = ''; values.patchValue(storedValue)

And you don't need anything to remove value when removing the field, just removing the form control.

Hope it helps

answered Mar 6, 2018 at 10:26

Siro

3,3791 gold badge12 silver badges10 bronze badges

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

2 Comments

Hala Ba Over a year ago

I modified the code and added 'print the form in the console' button, try to add new field an fill the values, then click this button, you will see in the console that the new field is not in the form values

Hala Ba Over a year ago

another note, if you add new fields without filling the first one, then the form still be not touched.

Collectives™ on Stack Overflow

Angular : Can't update values in nested formGroup and formArray

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related