如何在文本Angular Material上设置颜色

Question

我使用Angular 5和材料。

我可以在材质元素上使用属性颜色。

在文本上设置颜色的等效方法是什么？

例如：

<h1 class="mat-subheading-1" color="accent" >Via Del Corso, 100, ROMA</h1>

不起作用。

我不想为此实现自定义css类，因为我想使用角度材料主题。

Answer 1

您不能这样做，因为颜色可能是材质组件的特定输入属性。

查看Theming Docs

完成后，您可以轻松地执行以下操作：

在app.style.scss文件中包含

@import '~@angular/material/theming';
@import './app.theme';

.accent-color {
  color: mat-color($accent) !important;
}

然后只需使用标题中的类：

<h1 class="mat-subheading-1 accent-color">Via Del Corso, 100, ROMA</h1>