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

时间:2018-04-27 07:20:23

标签: angular forms splice

我有一个函数从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>

任何人都知道如何删除数组中的数据?

1 个答案:

答案 0 :(得分:1)

如果tableData2是数组ex。

this.tableData2 = [{name:“A”,value:1},{name:“B”,value:1},{name:“C”,value:1},{name:“D” ,价值:1}]

方法应该是,

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

}