angular - 如何在 Angular 6 的 mat-list-item 上使用 disabled 属性?

标签 angular angular-material

我有 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/

相关文章:

angular - 如何使用 Angular Material 创建折叠菜单?

javascript - Angular Material md-select 不显示错误

angularjs - 可以在“Angular Material ”选项卡之间添加垂直分隔符吗?

angularjs - 路由到 Angular4 中的基本 HTML 页面

angular - 无法使用 Angular 5 客户端启动与信号器核心中心的连接

Angular2 - 类型化对象的克隆数组

angular - 使用 Ng2 图表在堆叠条形图中显示标签

javascript - 为什么不在 app.component 中工作,而是在 auth.guard 中工作?

来自 API 的 Angular Material 自动完成

angular-material - md 对话框操作位于对话框的顶部而不是底部