我使用基于AngularJS的Ionic创建了一个带侧边菜单的入门应用程序。
应用程序的基本导航布局假设为:
问题是,当我从特定服务视图内部点击自动生成的“后退”按钮,并期望返回所选类型的服务列表时,应用程序确实路由回到列表,他的内容是看到大约半秒钟,但随后 - 所有内容(包括顶部导航栏)都被隐藏,但仍然可以点击! 这也不仅适用于“后退”按钮,也适用于单击从特定服务视图到任意服务列表视图的链接。
由于之前的视图在消失前被看到,我得出结论路由实现是有效的,但是尝试使用ui-route ui-sref和其他导航方法但是无法解决这个问题。
在Chrome浏览器和Android设备上都会发生这种情况。
我的stateProvider配置看起来像这样:
$stateProvider
.state('app', {
url: '/app',
abstract: true,
templateUrl: 'templates/menu.html',
controller: 'AppCtrl'
})
.state('app.main', {
url: '/main',
views: {
'menuContent': {
templateUrl: 'templates/main.html',
controller: 'MainCtrl'
}
}
})
.state('app.services', {
url: '/services/:tid',
views: {
'menuContent': {
templateUrl: 'templates/services.html',
controller: 'ServicesCtrl'
}
}
})
.state('app.service', {
url: '/service/:sid',
views: {
'menuContent': {
templateUrl: 'templates/service.html',
controller: 'ServiceCtrl'
}
}
})
非常感谢任何帮助。