Question

这里我有多个mat-icon，删除要命名的mat-icon我想使其禁用我对此使用了disable属性，但是它给出了类似错误（无法绑定到“ disabled”，因为它不是的已知属性'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

Answer 3

都是帖子，但是两个mat-icon呢？

<mat-icon *ngIf="payloadArray.enabled == 'true'" 
  color="warn" style="cursor: pointer;">
    delete
</mat-icon>
<mat-icon *ngIf="payloadArray.enabled != 'true'" 
  "color="warn" style="opacity:.5">
    delete
</mat-icon>

Answer 4

在这里，您需要更改按钮

内的使用mat-icon

如何使Mat-icon禁用角度？

4 个答案: