如何在角度 6 的 mat-list-item 上使用禁用属性？

Question

我有带有 mat-list-items 的 mat-list，我使用 [disabled] 创建了名为 mat-list-item 的禁用状态，但它不起作用并给出类似错误（无法绑定到“禁用”，因为它不是'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>

Answer 1

如果您想停止导航到该页面，您可以使用 ponter-events

pointer-events CSS 属性指定在什么情况下（如果有）特定的图形元素可以成为鼠标事件的目标。

<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>