如何在角度中禁用mat-icon？

Question

这里我有多个mat-icons,删除名为mat-icon我想禁用我在此使用禁用属性但它给出了错误(不能绑定到'禁用',因为它不是'mat-的已知属性icon')所以如何在角度6中显示特定的mat-icon

<mat-icon color="warn" style="cursor: pointer;" [disabled]="payloadArray.enabled != 'true' ">delete</mat-icon>
<mat-icon color="warn" style="cursor: pointer;">person_add</mat-icon>

Answer 1

使用mat-icon内部按钮标签,然后您可以使用禁用

试试这个,

<button mat-icon-button [disabled]="payloadArray.enabled != 'true' " color="primary" >
   <mat-icon color="warn" style="cursor: pointer;" >delete</mat-icon>
</button>

Answer 2

使用 ngClass 指令添加禁用

<mat-icon color="warn" [ngClass]="{'disable':payloadArray.enabled !== true}"(click)="onClick()">delete</mat-icon>

示例：https : //stackblitz.com/edit/angular-4jdvc9