angular - 如何正确更改带 Angular 垫子图标的颜色？

Question

我查看了文档，并尝试更改 mat-icon 的颜色，如下所示:

<mat-icon class="white" color="primary" svgIcon="back"></mat-icon><span class="backText">back</span>

以上是元素在 html 中的外观。我试图通过添加一个白色的类来改变图标的​​颜色。这不起作用。我已经尝试添加指令 color="primary"，虽然我的所有按钮看起来像这样，但它也不起作用

 <button mat-button color='primary'>example button</button>

收到颜色。我想让我的垫子图标用调色板改变颜色，因为这应该根据文档工作。但最终我也希望能够将图标的颜色更改为白色，这是我的调色板中没有的颜色。

如何更改 <mat-icon> 的颜色到工作调色板中的颜色以及不在调色板上的颜色？

谢谢!

Answer 1

使用 NgStyle 指令。

<mat-icon [ngStyle]="{'color':'white'}">home</mat-icon>