我有 mat-list,其中有 mat-list-items,我使用 [disabled] 将禁用状态命名为 mat-list-item 但它不起作用并给出错误(无法绑定(bind)到'disabled',因为它是'不是'mat-list-item'的已知属性)如何在 Angular 6 中禁用特定的 mat-list-item?
<mat-list>
<mat-list-item routerLink="/base/notificstatus" [disabled]="payloadArray.enabled != 'true' ">Status</mat-list-item>
<mat-list-item routerLink="/base/notifcategory">Category</mat-list-item>
</mat-list>
最佳答案
如果你想停止导航到该页面,你可以使用 ponter-events 来完成
The pointer-events CSS property specifies under what circumstances (if any) a particular graphic element can become the target of mouse events.
<mat-list>
<mat-list-item routerLink="/base/notificstatus"
[ngStyle]="{'pointer-events':payloadArray.enabled == 'true' ?'auto':'none'}"
>Status</mat-list-item>
<mat-list-item routerLink="/base/notifcategory">Category</mat-list-item>
</mat-list>
关于angular - 如何在 Angular 6 的 mat-list-item 上使用 disabled 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52513542/