Angular / TypeScript :获取表格中的值

// 表格数据模型
export interface TableRow {
  id: number;
  name: string;
  age: number;
}

// 组件类
export class TableComponent {
  tableData: TableRow[] = [
    { id: 1, name: 'John', age: 25 },
    { id: 2, name: 'Jane', age: 30 },
    { id: 3, name: 'Bob', age: 35 }
  ];

  selectedRows: TableRow[] = [];

  // 选中行的事件处理函数
  onRowSelect(row: TableRow) {
    if (this.isSelected(row)) {
      this.selectedRows = this.selectedRows.filter(r => r !== row);
    } else {
      this.selectedRows.push(row);
    }
  }

  // 判断行是否被选中
  isSelected(row: TableRow) {
    return this.selectedRows.includes(row);
  }
}

<!-- HTML模板 -->
<table>
  <tr *ngFor="let row of tableData" [class.selected]="isSelected(row)" (click)="onRowSelect(row)">
    <td>{{ row.id }}</td>
    <td>{{ row.name }}</td>
    <td>{{ row.age }}</td>
  </tr>
</table>