是否设置角度材质按钮的样式而不是“通过属性”？

Question

我刚刚开始在工作中使用角材料。但是我立即击中了令我困惑的东西——希望我有错误的一端。要样式化一个按钮，你似乎必须添加一个属性，而不是一个类。

<button mat-raised-button>Continue</button>

有没有办法通过css类来实现这一点？如果没有，那么如果你建立了一个大型复杂的网站，使用了大量的mat-risted按钮，并且客户决定他们想要mat-stroked按钮，那么你必须更改每个按钮实例吗？常规的css/HTML按钮在这里肯定有优势，因为您可以将一个css类应用于多个按钮实例，然后只需更改单个类定义即可在任何地方更改样式。我遗漏了什么？或者说，风格真的与棱角材料的功能（反模式）相啮合吗？

Answer 1

从HTML的角度来看，mat-risted button可能看起来像一个没有值的元素属性，但作为角度材质的一部分，它实际上是组件选择器的一部分-另一部分是元素名称button。所以组合

当您“使用”像MatButton这样的角度材质组件（以及指令）时，您不仅仅是在“设计”现有HTML组件（例如使用引导CSS）。您使用的组件具有许多功能，超出了仅使用CSS所能实现的功能，当然，您是在功能丰富的Angular平台上构建的。

所以是的-如果需求发生变化，您必须将所有代码从mat-risted button重构为mat-stroked button。然而，现在大多数代码编辑器/IDE都使这成为一项相当简单的任务。此外，应用程序通常将公共应用程序模式“包装”到自己的组件中。因此，您可以在整个应用程序中使用一个包含MatButton的my app button组件，然后您只需更改单个定义（或应用程序可能使用的多种不同按钮模式）。

如果您只对标准HTML5接口的材质设计样式感兴趣，那么可能存在其他仅CSS的解决方案，这可能是更合适的选择（取决于应用程序需求）。