角材质2单击时更改按钮颜色

Question

我想在单击按钮时更改材质垫-迷你晶圆厂按钮的颜色。

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

<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';
}

Answer 1

您可以[ngClass]点击来动态切换CSS类

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

演示版