如何动态改变角度材料的颜色?

时间:2018-06-05 02:29:48

标签: angular angular-material

我在My project中动态更改主题,并且我想要更改Angular Material组件的颜色(或背景):复选框,单选按钮,幻灯片切换,textarea ......

如何更改

示例:



 <mat-slide-toggle [(ngModel)]="expression" [color]="colorCss"></mat-slide-toggle>
&#13;
&#13;
&#13;

ColorCss是组件

的变量

提前致谢。

1 个答案:

答案 0 :(得分:0)

使用材质组件时,颜色属性仅接受主题中默认使用的三种颜色,即主色,警告色和强调色。

如果您要更改主题,则意味着您的原色,警告色和强调色都将更改。

如果您的物料组件具有这些颜色中的一种,则它将自动更改。 但是,如果您的材料组件具有自定义颜色,则必须借助ngStyle或ngClass指令对其进行更改。