单击按钮时刷新 angular material 数据 table 数据源

refresh angular material data table dataSource when button clicked

我想一键刷新数据-table有3个按钮。

示例:stackblitz(不重定向到客户页面)

我不明白为什么它不更新 data-table 中的列表。数据 table 是通用的。所以只需要传递数据源。

如果您希望您的自定义数据-table 包装器应该响应输入更改,那么您需要在 ngOnChanges 或使用设置器中处理此行为:

ngOnChanges(changes: SimpleChanges) {
  if (changes['tableData']) {
    this.dataSource = new MatTableDataSource(this.tableData);
    this.displayedColumns = this.columnHeader.map(c => c.columnDef);
  }
}

Forked Stackblitz