ionic2 保持侧面菜单打开

分享于2023年03月15日 angular ionic2 问答
【问题标题】:ionic2 keeping side menu openionic2 保持侧面菜单打开
【发布时间】:2017-04-27 00:12:12
【问题描述】:

我正在使用 ionic 2,我在应用左侧有一个 ion-menu,当我打开菜单并触摸页面区域时它会一直关闭。

我想让它保持打开状态并仅在用户明确命令关闭它时关闭(通过关闭按钮,或者可能向后滑动,等等)。有没有这样的选择或解决方法?

编辑 : 我从 ionic2-starter-sidemenu 开始。当我运行它时,它看起来像:

---------------------------------------------------------------
|           |                              |
|           |-------------------------------------------------|
|           |                                                 |
|           |                                                 |
|     /*    |                                                 |
| side menu |                                                 |
| toggled by|                                                 |
| menuToggle|           /* Content of each Pages */           |
|   button  |                                                 |
|     */    |                                                 |
|           |                                                 |
|           |                                                 |
|           |                                                 |
---------------------------------------------------------------

当我点击页面内容区域时,菜单关闭如下:

---------------------------------------------------------------
|                                          |
|-------------------------------------------------------------|
|                                                             |
|                                                             |
|                                                             |
|                                                             |
|                /* Content of each Pages */                  |
|                                                             |
|                                                             |
|                                                             |
|                                                             |
|                                                             |
---------------------------------------------------------------

我尝试阅读文档并搜索 ionic 论坛,但没有找到解决问题的方法。


【解决方案1】:

在他们发布更新之前,这是一个快速破解:

首先: 从您当前的任何侧边菜单按钮中删除 menuClose

然后在 app.component.ts 中调用MenuController:

constructor(public menuCtrl: MenuController, public platform: Platform) {...

...
initializeApp() {
    this.platform.ready().then(() => {
        this.menuCtrl.open();
    });
}

这会做 2 个简单的行为,这些行为基本上是暴露出来的:

  • 在加载应用时打开菜单
  • 防止任何导航按钮关闭菜单

【讨论】: