javascript - 如何在 Angular 上动态显示所选行数据的总和？

Question

我试图通过 SelectionModel 在表格下方的选定行上动态显示选定列数据的总和。当我选择/取消选择行时，显示的数据应该发生变化。

我认为 ngOnInit() 可以让我实现这一目标，但是所选列数据的总和并没有改变。

totalWeight = 0;

  ngOnInit(): void{
    this.selection.selected.forEach((element) => {
      this.totalWeight += element.weight;
    });
  }

这是DEMO在 Stackblitz 上。

Answer 1

每次更改复选框值时都需要计算总计，

 calculate(row?: PeriodicElement)
  {
    this.totalWeight = 0;
    this.selection.selected.forEach((element) => {
      this.totalWeight += element.weight;
    });
  }

STACKBLITZ DEMO