側面菜單顯示空白頁面Ionic/angularjs

Question

我想添加一個側面菜單，但會發生什麼情況是頂部標題顯示和頁面內容消失。我不知道如何解決它。有人可以幫助我嗎？

在我的路線

$stateProvider 

    .state('jobStore', { 
     url: '/homePage', 
     views: { 
     'side-menu21': { 
     templateUrl: 'templates/homePage/jobStore.html', 
     controller: 'jobStoreCtrl'  
     } 
    } 
    }) 

.state('menu', { 
    url: '/side-menu21', 
    templateUrl: 'templates/menu/menu.html', 
    abstract:true 
    }) 

我的側邊欄被稱爲menu.html

<ion-side-menus enable-menu-with-back-views="false"> 
    <ion-side-menu-content> 
     <ion-nav-bar class="bar-stable"> 
      <ion-nav-back-button></ion-nav-back-button> 
      <ion-nav-buttons side="left"> 
       <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button> 
      </ion-nav-buttons> 
     </ion-nav-bar> 
     <ion-nav-view name="side-menu21"></ion-nav-view> 
    </ion-side-menu-content> 
    <ion-side-menu side="left" id="side-menu21"> 
     <ion-header-bar class="bar-stable"> 
      <div class="title">Menu</div> 
     </ion-header-bar> 
     <ion-content padding="false" class="side-menu-left has-header"> 
      <ion-list id="menu-null" class=" "> 
       <ion-item id="menu-list-item1" ui-sref="menu.home" menu-close="" class=" ">Home</ion-item> 
       <ion-item id="menu-list-item2" ui-sref="menu.cart" menu-close="" class=" ">Cart</ion-item> 
       <ion-item id="menu-list-item3" ui-sref="menu.cloud" menu-close="" class=" ">Cloud</ion-item> 
      </ion-list> 
     </ion-content> 
    </ion-side-menu> 
</ion-side-menus> 

我失去了一些另外的其他頁面？

Answer 1

請仔細閱讀此處的代碼：Ionic Play - Side Menu。

你的menu狀態是第一頁的狀態，所以你的jobStore應該是這個狀態的孩子，如menu.jobStore。

在代碼中，我使用$state.go('menu.jobStore');激活run塊中的狀態。