我的离子应用中的路由存在以下问题:
我在选项中有一个嵌套视图,所以我可以在路由中使用继承,但当我进入 security 选项卡时会发生什么,离子-nav-back-button 根本不起作用,虽然它显示在我的导航栏中。
我是离子的新手,任何建议都会受到赞赏,谢谢
的app.config
$stateProvider
.state('layout', {
abstract: true,
templateUrl: 'views/menu.html'
})
.state('layout.options', {
views: {
'menuContent': {
templateUrl: 'views/options.html'
}
}
})
.state('layout.options.security', {
views: {
'myView': {
templateUrl: 'views/security.html',
}
}
})
menu.html
<ion-side-menu-content>
<ion-nav-bar class="bar-stable">
<ion-nav-back-button>
</ion-nav-back-button>
<ion-nav-buttons side="left">
...
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>
options.html
<ion-nav-view name="myView">
<ion-view title="Options">
<ion-content>
...
</ion-content>
</ion-view>
</ion-nav-view>
security.html安全
<ion-view title="Security">
<ion-content>
...
</ion-content>
</ion-view>
答案 0 :(得分:0)
我已经“解决”了我的问题,因为没有将 security.html 嵌套在 options.html
中所以目前我有
.state('layout.security', {
views: {
'menuContent': {
templateUrl: 'views/security.html',
}
}
})
我觉得这不是正确的解决方案,但我必须让它发挥作用。如果你有解决方案/原因,为什么以前的代码不起作用,请分享
感谢