使用 Ui-Router-Extras

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

我不确定我做错了什么。