angular - 无法以角度 5 自动更新数据

Question

我有一个函数可以从 tableData 中的 dataRows 中删除一行。它在模板中有效，但数据似乎没有被删除。因为当我使用“添加一行按钮”时，会出现一个新行，其中包含我之前输入的数据。

  deleteTicket(rowIndex: number): void {
    this.tableData2.dataRows.splice(rowIndex, 1);
  }

添加方法

<button mat-raised-button class="btn btn-just-icon btn-link" (click)="deleteTicket(i)" ></button>

模板代码

<tr *ngFor="let row of tableData2.dataRows; let i = index"><...><tr>

有人知道如何删除数组中的数据吗？

标签： angularformssplice

Answer 1

如果 tableData2 是一个数组 ex。

this.tableData2 = [{name: "A" , value: 1}, {name: "B" , value: 1}, {name: "C" , value: 1}, {name: "D" , value: 1}]

方法应该是，

deleteTicket(rowIndex: number): void {
this.tableData2.splice(rowIndex, 1);

}