angular material2 change button color when clicked

Question

I want to change a material mat-mini-fab button\'s color the when button is clicked.

My attempt is like below. But doesn\'t work.

Answer 1

You can use [ngClass] to dynamically toggle a css class on click

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

Demo