【问题标题】:how to change dynamically the color of Angular Material?如何动态更改Angular Material的颜色?
【发布时间】:2018-06-05 02:29:48
【问题描述】:

我在我的项目中动态更改我的主题,并且我想更改 Angular Material 组件的颜色(或背景):复选框、单选按钮、滑动切换、文本区域...

如何改变它们

示例:

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

ColorCss 是来自组件的变量

提前致谢。

【问题讨论】:

标签: angular angular-material


【解决方案1】:

在使用材质组件时,Color 属性只接受三种颜色,即主题中默认的主要颜色、警告颜色和重音颜色。

如果您要更改主题,则意味着您的主色、警告色和强调色会被更改。

如果您的材质组件具有这些颜色中的一种,那么它会自动更改。 但是,如果您的材质组件具有自定义颜色,那么您必须借助 ngStyle 或 ngClass 指令来更改它。

【讨论】:

    猜你喜欢
    • 2019-10-16
    • 1970-01-01
    • 1970-01-01
    • 2020-12-28
    • 2019-03-12
    • 1970-01-01
    • 1970-01-01
    • 2020-11-26
    • 1970-01-01
    相关资源
    最近更新 更多