javascript - 在材料对话框中打开展开视图时传递组件模板和功能

Question

我正在尝试按照 DRY 编码原则创建组件，但我遇到了某个用例。我需要在对话框中打开组件的展开视图。该组件以带有分页的列表格式显示 JSON 记录。PFB 图像：

如您所见，有一个展开按钮（右上角），可将组件展开为对话框并以表格格式显示记录。PFB 图像：

目前我已经将基础组件的所有功能和模板复制到对话框组件中以使其工作，但它公然违反 DRY 原则，也是一种不好的做法。我还需要保持两个组件彼此同步，就像过滤器应该传递给两个组件等一样。

Answer 1

共享服务怎么样？您将逻辑放在那里，然后组件控制输出的显示方式。

或者

父组件控制表格组件如何使用选择器在 div 中显示，或者是否通过 dialog.open(YourTableComponent,...) 在对话框中打开