如何在鼠标离开时关闭 mat-menu - 它开始闪烁

Question

我正在使用 mat-menu，当鼠标进入特定按钮的事件时，我正在显示一个菜单。它工作正常。

但我想在鼠标离开按钮时关闭 mat-menu。它不工作。

请在下面找到示例：

https://stackblitz.com/edit/example-angular-material-toolbar-menu-vrobtz?file=app%2Fapp.component.html

重现步骤

• 打开上面的示例
• 悬停主页图标，你可以看到菜单弹出被打开
• 进入菜单前移开，可以看到菜单弹窗没有关闭
• 样本 - https://stackblitz.com/edit/example-angular-material-toolbar-menu-vrobtz?file=app%2Fapp.component.html

注意 - 我曾尝试对那个按钮使用 mouse-leave，但它开始闪烁

样本 - https://stackblitz.com/edit/example-angular-material-toolbar-menu-uxlbba?file=app%2Fapp.component.html

Answer 1

您只需删除图像中突出显示的一个即可删除一个鼠标离开事件。