2015-07-19 105 views
0

我正嘗試創建一個離子應用程序,它具有左側和右側側菜單,但是我發現側菜單圖標(以及向左或向右滑動的能力打開它們)在我嘗試導航時正在消失。我顯然做錯了什麼,但我看不到它是什麼。離子框架:左側和右側sidemenus在導航上消失

在這裏看到... http://plnkr.co/NpqmVT ...對於顯示問題的闖入者。要複製該錯誤,只需點擊'點擊查看詳細信息'按鈕。

我的主用戶界面(我猜這是我做錯了)看起來像這樣...

  <ion-side-menu-content> 
        <ion-nav-bar class="bar-positive"> 

          <ion-nav-buttons side="left"> 
            <button class="button button-icon button-clear ion-navicon" menu-toggle="left"> 
            </button> 
          </ion-nav-buttons> 

          <ion-nav-buttons side="right"> 
            <button class="button button-icon button-clear ion-navicon" menu-toggle="right"> 
            </button> 

          </ion-nav-buttons> 
        </ion-nav-bar> 

        <ion-nav-view name="centre-panel"></ion-nav-view> 

      </ion-side-menu-content> 

      <ion-side-menu side="left"> 
        <ion-header-bar class="bar-dark"> 
          <h1 class="title">Main Menu</h1> 
        </ion-header-bar> 
        <ion-content> 
          <ion-list> 
            <ion-item ui-sref="ui.page1" nav-clear menu-close >Page 1</ion-item> 
            <ion-item ui-sref="ui.page2" nav-clear menu-close >Page 2</ion-item> 
          </ion-list> 
        </ion-content> 
      </ion-side-menu> 

      <ion-side-menu side="right"> 
        <ion-header-bar class="bar-dark"> 
          <h1 class="title">Right Menu</h1> 
        </ion-header-bar> 
        <ion-nav-view name="right-panel"></ion-nav-view> 
      </ion-side-menu> 

    </ion-side-menus> 

所有路線等可以在plunkr中找到(http://plnkr.co/NpqmVT

感謝您提供任何幫助。

回答

5

只是面臨着同樣的問題,找到了解決方法 - 此指令添加到離子側菜單:
<ion-side-menus enable-menu-with-back-views="true">