Angular Material 表复选框行值选中

Question

我有一个带复选框行的 Angular Material 表。 Material Table基于选中和未选中，我想操作所选复选框行值中的其他字段。

Answer 1

您需要向PeriodicElement 添加另一个属性。

export interface PeriodicElement {
  name: string;
  position: number;
  weight: number;
  symbol: string;
  selectedName: string;
}

之后，您创建一个函数来管理选择:

toggleCheckbox(row) {
  this.selection.toggle(row);
  row.selected = !row.selected;
}

这是您修改后的代码:

https://stackblitz.com/angular/lrpjroljdly?embed=1&file=app/table-selection-example.html