【问题标题】:Menu hiding when outside 'div' element is clicked单击“div”元素外部时隐藏菜单
【发布时间】:2019-07-18 12:19:39
【问题描述】:

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

<ion-content>
    <ion-menu type="push" menuId="nav-menu">
      // create menu items
    </ion-menu>
    <div main>
        hello world
    </div>
</ion-content>


I expect the menu to remain open/unchanged when clicking on the hello world.

【问题讨论】:

    标签: ionic-framework ionic4


    【解决方案1】:

    这是正常行为,不可配置:

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

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

    本教程展示了如何在 Angular 中使用菜单进行设置:

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

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

    本教程是从大小变化的角度为您提供的,但我认为您可以将其连接到您自己的菜单按钮中的切换布尔值中?

    【讨论】:

      猜你喜欢
      • 2012-12-03
      • 2011-09-20
      • 1970-01-01
      • 2012-07-17
      • 1970-01-01
      • 2013-04-18
      • 2017-03-01
      • 1970-01-01
      相关资源
      最近更新 更多