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

Question

我想在点击按钮时更改材质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';
}

Answer 1

您可以使用[ngClass]在点击

上动态切换css类

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

Demo