导航中的下拉列表未正确隐藏

时间:2018-06-14 10:39:59

标签: angular angular-material

我使用了实现简单的下拉导航。当用户将鼠标悬停在mat-menu上并在休假时隐藏它时,我想显示下拉列表。

所以我使用(mouseenter)和(mouseleave)来实现这一目标。当我用光标向下移动时它会隐藏,但是当我将mat-menu悬停在右边时,而不是向下移动,下拉列表不会隐藏。

我做了一个gif来表明我的意思:https://imgur.com/yRecdTB

这是stackblitz:https://stackblitz.com/edit/angular-ahhw2s-spkuxw?file=app%2Fmenu-overview-example.html

在离开下一个按钮时,我应该如何更改代码以关闭当前菜单?

0 个答案:

没有答案