Angularjs 离子角多重嵌套态和抽象态
我一直在开发一个需要2个抽象状态和嵌套状态的应用程序,下面是示例配置Angularjs 离子角多重嵌套态和抽象态,angularjs,ionic-framework,angular-ui-router,ionic,Angularjs,Ionic Framework,Angular Ui Router,Ionic,我一直在开发一个需要2个抽象状态和嵌套状态的应用程序,下面是示例配置 $stateProvider .state('app', { url: "/app", abstract: true, templateUrl: "templates/menu.html", controller: "AppController" }) .state('app.screenList', { url: "/app/screenList", views: { 'menuConte
$stateProvider
.state('app', {
url: "/app",
abstract: true,
templateUrl: "templates/menu.html",
controller: "AppController"
})
.state('app.screenList', {
url: "/app/screenList",
views: {
'menuContent': {
templateUrl: "templates/screenList.html",
controller: "ScreenListController"
}
}
})
.state('app.screen1', {
url: "/app/screen1",
views: {
'menuContent': {
templateUrl: "templates/screen1.html",
controller: "Screen1Controller"
}
}
})
.state('app.subapp', {
url: "/app/subapp",
abstract: true,
views: {
'menuContent': {
templateUrl: "templates/subapp.html",
controller: "SubAppController"
}
}
})
.state('app.subapp.screen1', {
url: "/app/subapp/screen1",
views: {
'subappContent': {
templateUrl: "templates/subappscreen1.html",
controller: "SubAppScreen1Controller"
}
}
})
屏幕列表
状态显示要选择的屏幕列表。当进行以下导航时,一切正常
screenList>screen1
按后退键,然后子页面screen1
在这个阶段,后退是有效的
有趣的是,当我尝试执行以下导航时,后面会停止响应,但什么也没有发生
screenList>screen1
按后退键,然后再按后退键,然后再按后退键(在此阶段,按后退键无效。即使应用程序也不会退出。)
我完全不知道为什么会这样,我得出的唯一结论是,如果我连续尝试进入子页面screen1
,问题就会出现。如果我一直在子应用屏幕1
和屏幕1
之间切换,一切都正常
我希望无论状态如何切换,back键都能响应。基于此,我终于让一切正常了
在tabs.html
中,我声明了如下选项卡:
<ion-tab title="ServOOps Mobile" icon="ion-person-stalker" ui-sref="app.tabs.external-index">
<ion-nav-view name="tab-servicos"></ion-nav-view>
.state('app', {
url: '/app',
abstract: true,
templateUrl: 'templates/menu.html',
controller: 'AppCtrl'
})
.state('app.tabs', {
url: "/tabs",
views: {
'menuContent': {
templateUrl: "templates/tabs.html"
}
}
})
.state('app.tabs.external-index', {
url: '/external-index',
views: {
'menuContent': {
templateUrl: 'templates/external-index.html',
controller: 'ExternalIndexCtrl'
},
'tab-servicos': {
templateUrl: 'templates/external-index.html',
controller: 'ExternalIndexCtrl'
}
}
})
这个很好用。现在我有我的侧菜单和我的标签在这一页上
您必须为其他选项卡重播此选项
请记住,在本文中,我将外部索引链接到选项卡,因此现在,页面的链接将是#/app/tabs/external index.html