Angular 组件：扩展 class 的实例似乎被覆盖

Question

在我的 angular 8 项目中，我有一个 class（只是一个 class，未作为组件实现），它提供了一些默认配置和方法。

这个 class 被多个组件扩展。 如果同一视图上的多个组件（即同时存在）扩展 class，它们的实例似乎会相互覆盖。 如果我覆盖其中一个组件中的属性或方法，然后另一个组件被实例化，则覆盖消失。

我不知道为什么会这样。 扩展 class 的构造函数被多次调用，因此理论上，每个扩展 class 都应该创建自己的实例。

更新

我在这个 StackBlitz 演示中重现了这个问题： https://stackblitz.com/edit/angular-hw1cv9

ListComponent 和 PopupComponent 都扩展了 DataGridComponent。 在 ListComponent 中，我在模板中启用了导出功能并且始终有效。 我还覆盖了 onExporting 事件处理程序。 如果您注释掉弹出窗口（或阻止使用 *ngIf="popupVisible" 创建它），此覆盖工作正常，但它会按原样恢复到弹出窗口的原始功能。

（我不知道如何在演示中显示 devextreme 图标，抱歉。导出按钮在表格上方的左侧）。

使用解决方案更新了演示

Answer 1

您正在设置 DataGrid Object 本身的 defaultOptions。 任何继承您的组件或从其他地方导入 DataGrid 的 Class 都将是您在 DataGridComponents 构造函数中设置的配置。

您确定要直接将 defaultOptions 分配给 DataGrid Object 吗？