单击外部“ div”元素时隐藏菜单

时间:2019-07-17 21:49:41

标签: ionic-framework ionic4

我正在用ionic创建一个简单的仪表板,该仪表板由顶部的工具栏和左侧的可折叠菜单(导航栏)组成。通过工具栏中的菜单按钮可以切换菜单,但是单击独立的“ div”组件也会导致菜单隐藏。

col1     col2     col3
blue     2        dog

1 个答案:

答案 0 :(得分:1)

这是正常现象,不可配置:

如果您想保持菜单打开,我认为您应该探索分割窗格:

但是即使如此,我认为您仍需要在所有“桌面”菜单中添加自己的切换按钮,以便可以选择折叠。

本教程介绍了如何使用Angular中的菜单进行设置:

我认为这是您需要添加自己的切换代码的​​地方:

<ion-split-pane [when]="checkSize()">
  <!-- ... -->
</ion-split-pane>

该教程是从尺寸更改的角度为您提供的,但是我认为您可以通过自己的菜单按钮将其连接到切换的布尔值中?