ionic2保持側面菜單打開

Question

我正在使用離子2，我在應用程序的左側有一個離子菜單，當我打開菜單並觸摸頁面區域時，它會一直關閉。

我想讓它保持打開並僅在用戶明確命令關閉它時關閉（通過關閉按鈕，或者可能向后滑動，等等）。 這樣做是否有任何選擇或解決方法？

編輯 ：我開始使用ionic2-starter-sidemenu 。 當我運行它時，它看起來像：

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

當我點擊頁面內容區域時，菜單關閉如下：

---------------------------------------------------------------
| <menuToggle button>                                         |
|-------------------------------------------------------------|
|                                                             |
|                                                             |
|                                                             |
|                                                             |
|                /* Content of each Pages */                  |
|                                                             |
|                                                             |
|                                                             |
|                                                             |
|                                                             |
---------------------------------------------------------------

我嘗試閱讀文檔並搜索離子論壇，但沒有找到任何解決方法。

Answer 1

這是一個快速黑客，直到他們發布更新：

第一步：從當前任何一個側面菜單按鈕中刪除menuClose

然后在app.component.ts中調用MenuController：

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

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

這有兩個簡單的行為，它們基本上暴露了 - 什么時候做了：

• 加載應用程序時打開菜單
• 阻止任何導航按鈕關閉菜單

Answer 2

希望這個答案還不算太晚。 然而，離子2現在支持完全按照您所描述的方式工作的分割平面 。 其語法如下：

<ion-split-pane>
  <!--  our side menu  -->
  <ion-menu [content]="content">
    <ion-header>
      <ion-toolbar>
        <ion-title>Menu</ion-title>
      </ion-toolbar>
    </ion-header>
  </ion-menu>

  <!-- the main content -->
  <ion-nav [root]="root" main #content></ion-nav>
</ion-split-pane>

Answer 3

試試這個，它適合我：

<ion-navbar >
  <button ion-button menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>
  <ion-title></ion-title>
  <ion-buttons start>
    <button ion-button (click)="func1()">
      <ion-icon name="add-circle"></ion-icon>
    </button>
    <button ion-button (click)="func2()">
      <ion-icon ios="ios-exit" md="md-exit"></ion-icon>
    </button>
  </ion-buttons>
</ion-navbar>

Answer 4

要關閉你可以刪除停止菜單menuClose屬性/指令在app.html （ 這里是在參考項目源到它的鏈接 ）

即此menuClose位：

<button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">

以下是關於MenuClose指令的更多信息，請注意您也可以通過編程方式關閉菜單。

此外，根據您使用的菜單類型 ，您可能會發現reveal效果優於默認overlay模式。