当从一个页面导航到另一个页面时,Ionic会自动在导航栏上显示后退按钮 . 但是,某些情况下离子不显示后退按钮 . 例如,从标签页导航到无标签页时 .
如何强制Ionic在特定页面上显示后退按钮?
使用Javascript:
.state('app.tab.playlists', { //<!-- Tab content page
url: '/playlists',
views: {
'tab-Content': {
templateUrl: 'templates/playlists.html',
controller: 'PlaylistsCtrl'
}
}
})
.state('app.singer', { //<!-- Not tab content page (if you navigate from tab page to this page, back button will not displayed)
url: '/singer',
views: {
'menuContent': {
templateUrl: 'templates/singer.html'
}
}
})
3 回答
你可以在控制器中告诉它 . 尝试:
但就像LeftyX说的那样 . 选项卡到非选项卡视图的历史记录功能是错误的 .
当您从一个视图导航到另一个视图时,Ionic管理history .
在github上有一个错误尚未修复(并且只会在2.0中修复),其中Adam Bradley说:
所以,基本上,当你从标签转移到常规视图时,你将失去后退按钮 .
你能做的就是自己创造一个:
并将其放在您的视图中:
如你所见,我已经使用
ng-click="goBack()"
作为按钮 .在您的控制器中,您只需:
不要忘记在控制器中注入
$ionicHistory
.PS:这是一个过于简化的解决方案,因为它不会检查历史记录是否有后视图:
在你的内部添加以下行