如何在Angular4中删除表中的行。删除按钮在每一行中

<table>
  <tr *ngFor="let row of tableData">
    <td>{{ row.name }}</td>
    <td>{{ row.age }}</td>
    <td><button (click)="deleteRow(row)">删除</button></td>
  </tr>
</table>

deleteRow(row: any) {
  const index = this.tableData.indexOf(row);
  if (index !== -1) {
    this.tableData.splice(index, 1);
  }
}

tableData: any[] = [
  { name: 'John', age: 25 },
  { name: 'Jane', age: 30 },
  { name: 'Bob', age: 35 }
];