如何在文本角度材质上设置颜色

Question

我正在将 Angular 5 与材料一起使用。

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

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

例如：

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

不起作用。

我不想为此实现自定义 css 类，因为我想使用 angular material 主题。

Answer 1

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

看看主题文档

一旦你遵循了这一点，你可以在下面轻松地做到这一点：

在你的 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>