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

Question

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

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

原文由 rannes 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

原文由 Harun Or Rashid 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

试试这个方法

// .ts file
flag : any = false;

btnClick(){
    this.flag = true;
}

为颜色设置css

 ::ng-deep .colorRed{
    color:red
}

在你的 HTML 文件中

  // To apply color on row just put ngClass on tr
  <tr [ngClass]="{ 'colorRed' :flag }">
    <td>
      <button mat-icon-button color="primary" (click)="btnClick()">
          <mat-icon>remove_circle</mat-icon>
       </button>
     </td>
  </tr>

原文由 Sachin Shah 发布，翻译遵循 CC BY-SA 4.0 许可协议