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

【问题标题】：how to set color on text Angular Material如何在文本角度材质上设置颜色
【发布时间】：2018-02-08 08:37:17
【问题描述】：

我正在使用带有材质的 Angular 5。

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

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

例如：

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

不起作用。

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

【问题讨论】：

【解决方案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>

【讨论】：