我想在离子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'
}
}
})
.
.
.
但是当我运行应用程序时,两个视图中都没有导航栏! 我错过了什么?