angular - 导航中的下拉菜单未正确隐藏
问题描述
我已经使用 . 当用户将鼠标悬停在 mat-menu 上并在离开时将其隐藏时,我想显示下拉菜单。
所以我使用 (mouseenter) 和 (mouseleave) 来实现这一点。当我用光标向下时它会隐藏,但是当我将 mat-menu 悬停在右侧而不是向下时,下拉菜单不会隐藏。
我制作了一个 gif 来表达我的意思:https ://imgur.com/yRecdTB
这是堆栈闪电战:https ://stackblitz.com/edit/angular-ahhw2s-spkuxw?file=app%2Fmenu-overview-example.html
我应该更改我的代码以在离开到下一个按钮时关闭当前菜单?
解决方案
推荐阅读
- laravel - 如何使用 laravel 5.8 正确配置 sqlite 数据库连接
- count - 无法打印目标工作簿中的计数值
- sql-server - 没有为“sp”的第 1 列指定列名
- python-3.x - 如何在 vtk 文件中编辑点数据
- opengl - 在 OpenGL 中创建两个蒙版图像的“联合”
- java - 我们可以安全地将 `tomcat.addTldSkipPatterns("*.jar")` 用于使用嵌入式 tomcat 的纯后端 Spring Boot 服务
- c - 如何索引到 3-D 动态数组?
- reactjs - React Native - 当新记录插入数据库时自动更新状态值
- php - 在哪里放置 add_action php 代码以连接到 Ninja Forms
- azure - 逻辑应用 Azure 数据湖上传文件操作大文件上传失败,状态码为 413