Html 表格问题的角度清除可编辑字段

我有问题。当我想向表中添加新行时。它将清除前面的所有行

这样我就可以推送新的空元素

  testFunc()
   {

     //console.log(this.ProcessVATElems[this.elemIter].Lp); 
      this.ProcessVATElems[this.elemIter].Lp = ++this.elemIter;
      var elem = new ProcessVatElement()
      elem.Lp = 0;
      this.ProcessVATElems.push(elem);
      console.log(this.ProcessVATElems);
      console.log(this.elemIter);
   }

这是我在html中绑定的一个示例

  <td>
<input type="text" class="form-control  smallOpt" name="att23" [(ngModel)]="ProcessVATElems[index].NetValue"  
[disabled]="End" id="Dom" placeholder="" style="width:50pt; height: 22pt;  margin-left: 1pt;">
  </td>

这是添加新行之前的表。

和之后（我通过调用testFunc（）添加新行）

要添加新行，我单击table元素，其中Lp==0

<td (click)="testFunc()" >
{{elem.Lp}}
</td>

{{elem.Lp}}

每个输入都需要一个唯一的名称

[name]="'att23_' + index"

---

此外，您还需要为每个输入id=“'dom_'+索引”提供唯一的id