从表行内的输入插入数据

Question

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

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

我如何获得？

如果需要更多信息，请告诉我。

Answer 1

您应该创建一个包含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++;