如果模式打开,如何禁用 angular material 菜单
how to disabled angular material menu if modal is opened
我使用 angular material 菜单,用于 header 菜单。
它是嵌套菜单并在悬停时打开。有link的代码。
https://stackblitz.com/edit/mat-nested-menu-yclrmd?embed=1&file=app/nested-menu-example.html
当我打开 angular material 对话框时,组件 header 也处于活动状态,我可以悬停并路由到其他组件。我知道这是z-index的错。但如果 z-index 不是 1050,则菜单在悬停时不起作用,mat-menus 打开和关闭。
调整styles.css
中overlaycontainer的z-index
.cdk-overlay-container {
position: fixed;
z-index: 1050;
}
我使用 angular material 菜单,用于 header 菜单。 它是嵌套菜单并在悬停时打开。有link的代码。 https://stackblitz.com/edit/mat-nested-menu-yclrmd?embed=1&file=app/nested-menu-example.html 当我打开 angular material 对话框时,组件 header 也处于活动状态,我可以悬停并路由到其他组件。我知道这是z-index的错。但如果 z-index 不是 1050,则菜单在悬停时不起作用,mat-menus 打开和关闭。
调整styles.css
中overlaycontainer的z-index.cdk-overlay-container {
position: fixed;
z-index: 1050;
}