我有一个简单的sidemenu应用程序,其中包含以下页面:
.state('app', {
url: '/app',
abstract: true,
templateUrl: 'templates/menu.html',
controller: 'AppCtrl'
})
.state('app.home', {
url: '/home',
views: {
'menuContent': {
templateUrl: 'templates/home.html',
controller: 'HomeCtrl'
}
}
})
.state('app.legal', {
url: '/home/legal',
views: {
'menuContent': {
templateUrl: 'templates/legal.html',
}
}
})
在我的副手中,我有以下内容:
<ion-item menu-close href="#/app/home/legal">
Legal Info
</ion-item>
Here's a codepen with the same basic idea
我想要的是我的“主页”页面充当导航到的所有(或某些)其他页面的父级,无论导航操作源自何处。如果我将home.html上的链接转到#/ app / home / legal,它可以正常工作,并在法律信息页面上显示一个后退按钮。
但是,如果我在我的sidemenu中添加相同的链接,它似乎将“home”替换为导航堆栈上的“legal”,并且没有后退按钮,硬件后退按钮会导致应用关闭。
是否有一些非常简单的东西我缺少,或者我需要某种解决方法来做到这一点?
答案 0 :(得分:2)
请检查我将菜单关闭替换为菜单切换
<ion-side-menu side="left">
<ion-header-bar class="bar-assertive">
<h1 class="title">Left Menu</h1>
</ion-header-bar>
<ion-content>
<ul class="list">
<a href="#/app/home" class="item" menu-close>href="#/app/home"</a>
<a href="#/app/home/legal" class="item" menu-toggle>href="#/app/home/legal"</a>
</ul>
</ion-content>
</ion-side-menu>