Angular reactive form value not updating on form array push

Question

I tried a nested form controls using formarray and it's updating the form value, if i change the existing display values. However I tried to add a form group in formarray, the content is appearing in the UI and not if form value (JSON). I have posted the code in stackblitz. Thanks in advance.

https://stackblitz.com/edit/angular-nested-forms-reactive-vvczmt

Answer 1

In your html, if you use <pre> {{ form.getRawValue() | json }} </pre> instead of <pre> {{ form.value | json }} </pre> you will see the full object.