如何获取angular 4中智能表的编辑数据

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

<table>
  <tr>
    <th>ID</th>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr *ngFor="let row of tableData">
    <td>{{ row.id }}</td>
    <td>{{ row.name }}</td>
    <td>{{ row.age }}</td>
  </tr>
</table>

<tr *ngFor="let row of tableData">
  <td>{{ row.id }}</td>
  <td>{{ row.name }}</td>
  <td>{{ row.age }}</td>
  <td><button (click)="editRow(row)">Edit</button></td>
</tr>

editRow(row: any) {
  this.editData = { ...row }; // 使用对象扩展运算符复制行数据
}

<table *ngIf="!editData">
  <!-- 表格内容 -->
</table>

<form *ngIf="editData" (submit)="saveRow()">
  <!-- 编辑表单 -->
</form>

<input type="text" [(ngModel)]="editData.name" name="name">

saveRow() {
  // 更新表格数据
  const index = this.tableData.findIndex(row => row.id === this.editData.id);
  if (index !== -1) {
    this.tableData[index] = { ...this.editData };
  }
  this.editData = null; // 清空编辑数据
}