사이드 메뉴에 빈 페이지가 표시됩니다. 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 
    }) 

내 사이드 ​​바는

<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> 

내가 다른 페이지에 약간의 추가를 잃었 menu.html라고?

Answer 1

여기 코드를 통해 이동하십시오 : Ionic Play - Side Menu.

귀하의 상태는 첫 페이지의 상태이므로 귀하의 jobStore은 menu.jobStore과 같은 상태의 자녀 여야합니다.

코드에서 $state.go('menu.jobStore');을 사용하여 run 블록에서 해당 상태를 활성화합니다.