angular - 检查角度材料表复选框行值

Question

我有一个带有复选框行的角度材料表。材料表 基于选中和未选中我想从选定的复选框行值中操作其他字段。

标签： angularangular-material

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