无法使用 mat 菜单构建多级菜单 [关闭]

【问题标题】：Unable to build a multi-level menu using mat menu [closed]无法使用 mat 菜单构建多级菜单 [关闭]
【发布时间】：2019-09-03 20:24:12
【问题描述】：

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

例如

一 -> 二 -> 三

StackBlitz 示例：

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：