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

Question

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

例如

  

一个->两个->三个

StackBlitz示例：

https://stackblitz.com/edit/dynamic-sidenav-multi-level-menu-u93fqt?file=app%2Fapp.component.html

有人知道我该如何解决吗？我想停止自动关闭项目列表，即显示项目Three。

Answer 1

从子菜单中删除mat-list-item元素，然后使用mat-menu-item装饰器将matMenuTriggerFor放在按钮上：

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

您的完整示例： https://dynamic-sidenav-multi-level-menu-cnarmb.stackblitz.io