相关疑难解决方法(0)

我正在使用 Angular 7，我有一个带有Angular Material Table的简单组件。通过某些事件，例如单击鼠标，我希望能够更新该现有表的数据和表头。

前：

之后（目标）：

目前，我正在获取数据更新。但是，我无法更新列的标题文本，除非我做了一个相当糟糕的窗口超时调用。

这很难描述，因此stackblitz 存储库应该会有所帮助。在我链接到那里的“table-dynamic-columns.example.ts”文件中，我在“changeColumnHeader”按钮单击处理程序上尝试了两种不同的策略。看来，为了让我的新列标题显示出来，我需要先清除表中显示的列，然后在超时后将它们正确设置回来。也许它不起作用，因为属性名称保持不变（即“id”）并且只有标题发生了变化。

有谁知道更好的方法来让它正确更新？