javascript - AngularJS ui.router，从子状态更改为父状态，无需重新加载

Question

有类似的问题，但没有关于这个具体案例的问题。

我有一个导航栏，用户可以在其中转到状态帖子和通知。在帖子状态下，可以单击帖子并转到 posts.details。与通知状态相同。

posts 和 posts.detail 共享 Controller 和模板。

有效方法:navbar->posts，然后点击帖子，用户到达 posts.details，再次 navbar->posts ，用户看到最后 x 个帖子。

不起作用:navbar->notifications，点击通知(来自帖子)，用户登陆posts.detail。到目前为止还可以。现在点击navbar->posts， Controller 将不会重新加载。

这里有一些代码片段:

路由.js

   .state('posts', {
      url: '/',
      templateUrl: 'client/Posts/posts.ng.html',
      controller: 'PostsCtrl',
      resolve: {
        'subscribtion': ['speakLocalData', function(speakLocalData) {
          return speakLocalData.subscribeAll();
        }]
      }
    })
  .state('posts.detail', {
      url: 'posts/:id',
      templateUrl: 'client/Posts/posts.ng.html',
      controller: 'PostsCtrl',
      resolve: {
        'currentUser': ['$meteor', function($meteor) {
          return $meteor.requireUser();
        }]
      }
    })

navbar.ng.html

<li ui-sref-active="active">
    <a ui-sref="posts">
      <span class="glyphicon glyphicon-home"></span>
    </a>
  </li>

    <li ui-sref-active="active" ng-show="$root.currentUser">
        <div class="noti_bubble" ng-show="notiCounter>0">{{ notiCounter }}</div>
        <a ui-sref="notifications">
        <span class="glyphicon glyphicon-bell"></span>
      </a>
  </li>

有现场版here 。使用用户名登录:demo，密码:demo123。

源代码的Github存储库:here

Answer 1

根据documentation您可以使用 ui-sref-opts 指令在更改状态时重新加载 Controller :

<a ui-sref="notifications" ui-sref-opts="{reload: true}">...</a>