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

Question

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

当我点击“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++;