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这个状态的孩子。

在代码中，我使用run在$state.go('menu.jobStore');块中激活该状态。

侧面菜单显示空页离子/ angularjs

1 个答案: