当用户滚动 window 时关闭 Mat-menu

Question

问题：不应该显示 mat-menu 当 Window 滚动到导航菜单顶部时，

原因：由于 z-index in .cdk-overlay-container

高而上涨

我落后了

file.ts

@ViewChild(MatMenuTrigger) trigger: MatMenuTrigger; 
@HostListener('window:scroll', [])
scrollHandler() {
if (this.trigger) {
this.trigger.closeMenu();
 }
 }

但这仅适用于 6 个中的第一个垫子菜单，其余不要在滚动时关闭!!!!!

Angular Cli Version

Answer 1

 @ViewChildren(MatMenuTrigger) trigger: QueryList<MatMenuTrigger>;
 @HostListener('window:scroll', [])
 scrollHandler() {
     for (let index = 0; index < this.trigger.toArray().length; index++) {
   this.trigger.toArray()[index].closeMenu();
 }

这将访问组件内的所有垫子菜单，循环将遍历每个索引并关闭打开的菜单。