单击按钮时刷新角形材料数据表数据源

Question

我想在单击一个按钮时刷新数据表。有3个按钮。

示例：stackblitz（不重定向到客户页面）

我不明白为什么它不更新数据表中的列表。数据表是通用的。因此只需要传递数据源。

Answer 1

如果您希望自定义数据表包装程序应响应输入更改，那么您需要在ngOnChanges或使用setter中处理此行为：

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

Forked Stackblitz