javascript - 如何在鼠标离开时关闭 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

注意 - 我曾尝试对该按钮使用鼠标离开，但它开始闪烁

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

标签： javascripthtmlangularangular-material

Answer 1

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