javascript - 无法使用 mat 菜单构建多级菜单

Question

我正在使用 Angular 8 和 Angular Material 来构建一个 3 级深的多级菜单。

例如

一 -> 二 -> 三

StackBlitz 示例：

有谁知道我该如何解决这个问题？我想阻止项目列表自动关闭，即显示 item Three。

score 1 · Accepted Answer

从子菜单中删除 mat-list-item 元素并将 matMenuTriggerFor 放置在带有 mat-menu-item 装饰器的按钮上：

<mat-menu #menu1="matMenu">
  <button mat-menu-item [matMenuTriggerFor]="menu2">Two</button>
</mat-menu>

1 回答 1