用户单击菜单项或菜单外如何关闭 Ng-Zorro 菜单？
https://ng.ant.design/components/menu/en#components-menu-demo-horizontal
问问题
1135 次
2 回答
1
这个属性nzInlineCollapsed负责显示和隐藏菜单，所以如果你用这个绑定菜单点击事件，那么如果它绑定nzInlineCollapsed的属性为假，它就会隐藏。这里isCollapsed是绑定的，nzInlineCollapsed所以它在按钮单击时isCollapsed变为假，然后你的菜单将隐藏。
<ul nz-menu nzMode="inline" [nzInlineCollapsed]="isCollapsed">
于 2019-12-18T14:40:14.770 回答
0
您应该用 ngIf 包装它并在其上设置一个状态。如果用户点击一个菜单项，您可以将变量设置为 false，因此菜单将被隐藏。菜单外的点击也是如此，您只需要一个事件侦听器即可。做成这样的：<div *ngIf="show == true">。然后只需将 show 设置为 false，如果用户单击一个项目，或者在菜单之外。
于 2019-12-18T14:37:36.790 回答