Не удается обновить данные автоматически в угловых 5

Question

У меня есть функция для удаления одной строки из dataRows в tableData. Это работает в шаблоне, но данные, кажется, не удаляются. Потому что, когда я использую «кнопку добавления строки», появится одна новая строка с данными, которые я вводил ранее.

  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>

Кто-нибудь знает, как удалить данные в массиве?

Answer 1

Если tableData2 является массивом, например.

this.tableData2 = [{name: "A", значение: 1}, {name: "B", значение: 1}, {name: "C", значение: 1}, {name: "D" , значение: 1}]

Метод должен быть,

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

}