html - 从表行内的输入插入数据

我正在使用Angular 4为项目创建前端应用程序。我有一个由3行组成的表，我必须用另一个输入的数据填充该表。



当我单击“ aggiungi prodotto”按钮时，应填充表格的第一行，然后填充第二行，最后填充第三行。

我该如何获得？

告诉我是否需要更多信息。

最佳答案

您应该创建一个包含3个没有值的项目的数组，并使用*ngFor设置表行。并在每次单击按钮时将数组中的下一项设置为表单值。
变量-

myArray: any[] = [{ propA: '', propB: ''... }, { propA: '', propB: ''... }, { propA: '', propB: ''... } ];
count = 0;

在表格中-
<tr *ngFor="let row in myArray">tds...</tr>

然后点击-

myArray[this.count] = newFormData;
this.count++;