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

Question

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

例如

One -> Two -> Three

StackBlitz 示例：

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

Answer 1

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

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

Unable to build a multi-level menu using mat menu