Angular 5：在彈出/對話框中打開組件，添加內容的最佳實踐？

Question

我的任務：

在對話框中打開一個角度組件，然后向該組件添加額外的按鈕。

問題：

據我所知，在組件內部添加HTML只是為了在組件在對話框/彈出窗口中打開時顯示它是錯誤的做法，因為這部分HTML僅與對話框/彈出窗口相關，而與組件無關，這可能會導致問題。將來當其他開發人員想要使用此組件時，與該按鈕相關的功能也位於對話框組件中，這將導致從單擊彈出事件到對話框組件-大混亂。

另外，絕對在組件頂部添加此按鈕也是一種不好的做法，因為將來可能會修改組件，因此對於響應行為也是一種不好的做法。

我想知道在Angular 5中是否存在任何已知的處理此類問題的方法。

謝謝閱讀。

Answer 1

是的，有例子。 例如，您可以查看Angular Material的處理方式，我特別喜歡它的便利性和易用性。

否則，也許您應該嘗試自己進行操作以了解其工作原理，這不是一個壞習慣，並且可以高度重用。