2017-11-18 190 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的组件。如果担心无法预测所有用例,我建议您从简单的组件开始,并在需要时使用新功能进行扩展(并且不要忘记在扩展后更新此组件的所有插入)。 –