如何使 mat-icon 以角度禁用？答案

【问题标题】：How to make mat-icon disabled in angular?如何使 mat-icon 以角度禁用？
【发布时间】：2019-03-02 02:19:48
【问题描述】：

这里我有多个 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>

【问题讨论】：

标签： angular angular-material

【解决方案1】：

这里，您需要在按钮

中更改使用mat-icon

【讨论】：

您的答案可能是正确的，但接受的答案已经使用了相同的方法。
哦抱歉之前没看到

【解决方案2】：

使用 ngClass 指令添加禁用

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

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

【讨论】：

它给出同样的错误不能绑定到'禁用'，因为它不是'mat-icon'的已知属性
抱歉输入错误删除禁用
它只使不可点击不禁用
你有mat-icon的父元素吗？
我猜你错过了一个双引号字符来关闭 ngClass 指令。

【解决方案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>

【讨论】：

【解决方案4】：

在按钮标签内使用mat-icon，然后你可以使用禁用

试试这个，

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

【讨论】：

我不想使用按钮，这是我的限制
这不会显示为按钮“mat-icon-button”此属性删除按钮样式并仅显示图标
试一试看看效果如何
如果你想要按钮形状/轮廓使用不同的东西而不是 mat-icon-button，比如 mat-stroked-button。那应该可以正常工作。