サイドメニューに空のページが表示されています

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です。

あなたの州は最初のページの状態なので、jobStoreはmenu.jobStoreのようなこの州の子である必要があります。

コードでは、$state.go('menu.jobStore');を使用してrunブロックのその状態を有効にしています。