У меня есть компонент форма ,типу ReactForm:
Форма внутри компонента app-invProduct
<form>
<input type="text">
<input type="text">
</form>
<AppComponent>
<app-invProduct *ngFor="let product of productList"></app-invProduct>
<button>new</button>
<button>save</button>
</AppComponent>
Также у меня есть массив объектов productList,ето образ пустой формы
producIteam:{} = {
name: '',
description: '',
price: '',
discount: ''
}
По нажатию на кнопку new в массив у меня пушиться пустой объект формы, и в результате отрисовуеться новая форма,таких форм может быть сколько угодно.
Проблема состоит в том что мне надо собирать value с етих форм для дальнейшей обработки.Для получения значений я использую:
this.productForm.valueChanges.subscribe(
data => console.log(data)
);
И когда я изминяю данные или добавляю нофую форму мне приходят данные! Я не знаю как правильно сохранить их для дальнейшей обработки. Создать массив, дать каждой форме id и пушить данные в массив , а если под таким id , уже есть данные то изминять их!Как правильно ето реализовать???