角垫菜单位置

Question

您好，我想在左侧打开一个垫子菜单。

我在 stackblitz 中得到了一些临时代码，这是链接

https://stackblitz.com/edit/angular-material-menu-position-aside-6ab669?file=src/app/menu-overview-example.html

结构应该是这样的 菜单 -> 项目 1 项目 2 项目 3

或相反的方向 项目 1 项目 2 项目 3

有什么想法吗？谢谢

Answer 1

matMenuTrigger 公开了一个 openMenu() 函数，可以调用该函数以编程方式打开菜单。

stackblitz demo

这样才能达到预期的效果：

1. 监听主触发器的menuOpened事件，
2. 当主触发器打开时，在子触发器上调用openMenu()。

唯一的问题是，由于子触发器将在父级完成动画之前打开，因此它不会正确定位。所以：

1. 使用setTimeout函数延迟子触发器的开启。