在Angular 6中的mat-expansion面板接头内部使用时,keydown.enter上的菜单无法打开的问题可能是由于事件冒泡导致的。可以尝试在接头元素上添加keydown.enter事件处理程序,并使用event.stopPropagation()方法阻止事件冒泡。
以下是一个可能的解决方案:
<mat-expansion-panel-header (keydown.enter)="onEnter($event)">
<!-- 这里是接头内容 -->
</mat-expansion-panel-header>
onEnter(event: KeyboardEvent): void {
event.stopPropagation();
}
通过在接头元素上添加keydown.enter事件处理程序,并在处理程序中使用event.stopPropagation()方法阻止事件冒泡,可以解决在mat-expansion面板接头内部使用时,keydown.enter上的菜单无法打开的问题。
关于Angular 6中的mat-expansion面板和其他相关概念、分类、优势、应用场景、推荐的腾讯云相关产品和产品介绍链接地址,可以参考腾讯云的文档和官方网站。
领取专属 10元无门槛券
手把手带您无忧上云