use*_*551 5 angular-ui-router ionic-framework
我有一个 ionic/angularjs/ui-router 应用程序,它有几个介绍/入门屏幕,可通往带有手风琴项目列表的主页。如果我展开(例如)列表中的第 7 项(在主页上)并单击列表中的子项目,它将导航到详细信息页面。当我返回主页时,列表不再展开。有人提到有一个名为 ui-router-extras 的附加组件,可以在返回时保存 UI 的状态。我已将其添加到代码中,但我无法将其应用到我的应用程序中,因为 ui-router-extras 的示例与使用选项卡的应用程序有关。
我希望结果是当我导航回主视图/页面(home.list)时手风琴列表仍然展开。
我的状态如下所示
.state('welcome', {
url: '/welcome',
templateUrl: 'welcome.html',
controller: 'welcomeCtrl'
})
.state('home', {
abstract: true,
url: '/home',
templateUrl:'homeParent.html'
})
.state('home.list', {
url:'/list' ,
views: {
'list@home': {
templateUrl: 'list.html',
controller: 'listCtrl',
}
},
deepStateRedirect: true,
sticky: true
})
.state('detail', {
url: '/detail',
templateUrl: 'detail.html',
controller: 'detailCtrl',
});
Run Code Online (Sandbox Code Playgroud)
这是我的代码笔http://codepen.io/markace1246/pen/BpzIv
我不确定我做错了什么。
| 归档时间: |
|
| 查看次数: |
560 次 |
| 最近记录: |