Как сделать мат-иконку отключенной в угловом?

Question

Здесь у меня есть несколько значков mat, удалите именованный mat-icon, я хочу сделать отключенным, я использую отключенные свойства для этого, но это выдает ошибку вроде (Невозможно привязать к отключенному, так как это не известное свойство'mat-icon'), так как показать конкретную иконку mat, отключенную в угловом 6?

<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

Используйте директиву ngClass для добавления отключения

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

Пример: https://stackblitz.com/edit/angular-4jdvc9

Answer 2

Используйте mat-icon внутри тега кнопки, а затем вы можете использовать отключено

Попробуйте это,

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