时间戳

首页 > 解决方案 > 如何使 mat-icon 以角度禁用？

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

问题描述

在这里我有多个垫子图标，删除命名垫子图标我想禁用我在此使用禁用属性但它给出错误（无法绑定到'禁用'，因为它不是'mat-的已知属性- icon') 那么如何显示在 Angular 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>

标签： angularangular-material

解决方案

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

尝试这个，

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

推荐阅读