使用Ui-Router-Extras

Question

我有一个离子/ 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',
 });

这是我的代码笔http://codepen.io/markace1246/pen/BpzIv

我不确定我做错了什么。