单击时角度材料更改按钮颜色答案

【问题标题】：angular material2 change button color when clicked单击时角度材料更改按钮颜色
【发布时间】：2018-04-17 17:05:18
【问题描述】：

我想在单击按钮时更改材质 mat-mini-fab 按钮的颜色。

我的尝试如下所示。但不起作用。

<button mat-mini-fab color="primary" #btn>Btn</button>

@ViewChild('btn') btn: ElementRef;
clicked() {
    this.btn.nativeElement.style.backgroundColor = '#5789D8';
    this.btn.nativeElement.style.color = '#FFFFFF';
}

【问题讨论】：

谢谢先生。罗恩来解决我的问题。

标签： angular5 angular-material2

【解决方案1】：

您可以使用[ngClass] 在点击时动态切换 CSS 类

<button [ngClass]="{'test': newColor}" (click)="toggleColor()" mat-fab>Primary</button>

Demo

【讨论】：

非常感谢。这就是我想做的。