2017-11-18 132 views
2

我正在處理幾個角度5的項目,我們想要使用https://material.angular.io/中的材料設計組件。是否應該爲角材料2組件編寫包裝?

爲了封裝材料設計組件,編寫封裝層是一個好主意嗎? 因此,我們不會寫<mat-card>...</mat-card>,而是寫<my-app-card>...</my-app-card>之類的東西。

主要動機是確保在我們所有項目中一致且易於更改用戶界面。

回答

0

如果你想自己重新調整AM的組件,並在不同的項目中重用它們 - 是的,這是一個非常好的主意。但是,如果僅僅是關於樣式封裝,您可以給包裝器或AM組件的其中一個組件提供一個唯一的id,並寫入類似#id angular-material-component { "styles here" }的樣式。

+0

我不想重新調整AM的組件。我想確保它們以一致的方式使用。 例如,我可以將配置對象傳遞給我自己的卡組件: ''。 配置對象可能有標題,要顯示的數據和卡操作。 但是,我擔心我失去了很多靈活性,並且我無法預測我的'my-app-card'組件的所有用例。 – alEX

+0

@alEX通過這種方式,您可以配置**所有內容**,這也是一種好方法,我也使用它,但我建議您將這些單獨的組件視爲應用程序的重複部分,而不僅僅是AM的組件。如果擔心無法預測所有用例,我建議您從簡單的組件開始,並在需要時使用新功能進行擴展(並且不要忘記在擴展後更新此組件的所有插入)。 –