Использование Angular 5 Form Group и Array для обновления данных

Question

Я использую Angular FormGroup и FormArray, чтобы позволить пользователю добавить новый экземпляр FormGroup и редактировать текущие формы. У меня возникли проблемы с выяснением, как обновить данные. Смотрите здесь.. https://stackblitz.com/edit/form-array-patch-jfb9f8?file=app/app.component.html

Я могу добавить новый экземпляр формы по нажатию кнопки "Добавить", но как updateBins() Функция работы при сохранении данных (либо в новой форме, либо в добавленной форме). Борьба с тем, как связать два вместе.

Answer 1

Вы почти у цели, просто нужны некоторые изменения:

1) отправьте FormGroup в FormArray

this.binsFormArray.controls.push(this.createBin(newBin));

должно быть

this.binsFormArray.push(this.createBin(newBin));

2) Показать значение формы

<pre>{{ bins | json }}</pre> 

должно быть

<pre>{{ binsForm.value | json }}</pre>