单击角度按钮后如何更改按钮的颜色

Question

单击按钮后，我需要将按钮颜色更改为红色（原色为红色），请帮助我单击按钮后如何更改颜色。

 <td>
      <button mat-icon-button color="primary">
        <mat-icon>remove_circle</mat-icon>
      </button>
      </td>

Answer 1

在您的代码中实现此逻辑。

var isClicked = false;

.myClass{
  color : red;
}

<td>
      <button mat-icon-button color="primary" (click)="isClicked = !isClicked" [class.myClass]="isClicked">
        <mat-icon>remove_circle</mat-icon>
      </button>
      </td>