当 mat 菜单中没有呈现 mat 菜单项时如何禁用 matMenuTrigger答案

【问题标题】：How to disable matMenuTrigger when there are no mat menu items rendered in mat menu当 mat 菜单中没有呈现 mat 菜单项时如何禁用 matMenuTrigger
【发布时间】：2019-07-04 09:46:08
【问题描述】：

由于 mat-menu 中的 ngIf 条件而没有呈现 mat-menu-item 时，我想禁用 mat 菜单触发器

<button
    mat-button
    [matMenuTriggerFor]="menu"
    [disabled]="????"
  > Trigger
</button>
<mat-menu #menu="matMenu">
    <button
      mat-menu-item
      *ngIf="foo1"
    >
      <span>Button</span>
    </button>
    <button
      mat-menu-item
      *ngIf="foo2"
      <span>Button 2</span>
    </button>
</mat-menu>

matMenu 有一个 items 属性，不幸的是它已被弃用

【问题讨论】：

使用 JSON 数组并检查动态 mat-menu。

标签： angular material-design

【解决方案1】：

你应该用另一个 ngif 包裹 matmenu，它会检查数组长度大小，这样它就会禁用显示并将其从 dom 中删除

【讨论】：