Angular 5：在弹出窗口/对话框中打开一个组件，添加内容的最佳做法是什么？

Question

我的任务：

在对话框中打开一个角度组件，并为该组件添加额外的按钮。

问题：

据我所知，在组件内部添加Html只是为了在组件在对话框/弹出窗口内打开时显示它是错误的做法，因为这段Html只与对话框/弹出窗口相关而不是与组件相关，这可能当其他开发人员想要使用此组件时，将来会出现问题，与此按钮相关的函数也位于对话框组件中，这会导致从单击到对话框组件弹出事件 - 大乱。

此外，在组件顶部添加此按钮绝对是一种不好的做法，因为组件可能在将来被修改，这也是响应行为的不良做法。

我想知道Angular 5中是否存在处理此类问题的已知做法。

感谢阅读。

Answer 1

是的，有例子。例如，你可以看看 Angular Material's 这样做的方式，我特别喜欢它，因为它的方便性和简便性。

否则，也许您应该尝试自己去看看它是如何工作的，这不是一个糟糕的做法，并且可以高度重复使用。