离子多级推侧菜单导航问题

时间:2017-08-28 13:47:23

标签: angularjs ionic-framework

我想在离子1应用程序中制作多级推送侧菜单,例如here。 在我的离子应用程序中,我有三个离子导航视图: 1.在index.html"" 2.菜单中的两个:

<ion-side-menus enable-menu-with-back-views="false">
<ion-side-menu-content>
    <ion-nav-bar>
        <ion-nav-back-button>
        </ion-nav-back-button>

        <ion-nav-buttons side="left">
            <button class="button button-icon button-clear burger-vok 
              ion-navicon" menu-toggle="left">
            </button>
        </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>

<ion-side-menu side="left" class="sidemenu dark-bg vok-bg">
    <ion-nav-bar>
        <ion-nav-back-button>
        </ion-nav-back-button>
    </ion-nav-bar>

    <ion-nav-view name="sideView"></ion-nav-view>

</ion-side-menu>

在路由配置中:

.state('app', {
                url: '/app',
                abstract: true,
                templateUrl: 'templates/menu.html'
  })
  .state('app.main-menu', {
                url: "/mainmenu",
                views: {
                    'sideView': {
                        templateUrl: 'templates/main-menu.html',
                        controller: 'MenuCtrl'
                    }
                }
            })

            .state('app.sidemenu', {
                url: "/submenu/:id",
                views: {
                    'sideView': {
                        templateUrl: 'templates/sub-menu.html',
                        controller: 'SubmenuCtrl'
                    }
                }
            })

            .state('app.start', {
                url: '/start',
                views: {
                    'menuContent': {
                        templateUrl: 'templates/start.html',
                        controller: 'StartCtrl'
                    },
                    'sideView': {
                        templateUrl: 'templates/main-menu.html',
                        controller: 'MenuCtrl'
                    }

                }
            })
        .
        .
        .

但是当我运行应用程序时,两个视图中都没有导航栏! 我错过了什么?

0 个答案:

没有答案