UI路由器解析 - 重定向子解析而不重新运行父解析

时间:2016-07-19 12:45:42

标签: angularjs angular-ui-router angular-ui-router-extras

我已经在网上搜了好几天了。我理解,如果您在解析中重定向($ state.go等),则转换将被取消,所有结算将再次运行。

但是,如果我只是需要阻止去某个孩子状态怎么办?我在解析中获取数据,我非常不需要,也不想再次获取。

我无法相信这对人们来说是一种不寻常的情景。如果有人有想法,请帮助我让这个plnkr工作!

http://plnkr.co/edit/gFDcRqoPXKbD1ZZwylO9?p=preview

var app = angular.module('plunker', ['ui.router']);

app.config(['$stateProvider', function($stateProvider){
  $stateProvider
    .state('posts', {
      url: "/posts",
      templateUrl: "posts-index.html",
      controller: "PostsIndexController",
      resolve: {
        posts: function(Post) {
          console.log('Hi');
          return Post.all()
        }
      },
      onEnter: function($state, posts) {
        if (posts.length > 1 && confirm("Redirect to first post?")) {
          console.log('Howdy')
          // $state.go('posts.show', { postId: 3 });
        }
      }
    })
    .state('posts.empty', {
      templateUrl: "posts-show.html",
      resolve: {
        saySomething: function($state) {
          console.log('Yo')
        }
      }
    })
    .state('posts.show', {
      url: "/:postId",
      templateUrl: "posts-show.html",
      controller: "PostsShowController",
      resolve: {
        post: function($stateParams, $q, Post) {
          console.log($stateParams);
          return Post.find($stateParams.postId)
        }
      },
      onEnter: function($stateParams, $state) {
        if ($stateParams.postId === '1') {
          console.log('Now')
          return $state.go("posts.empty")
        }
      }
    })
}]);

app.controller("PostsIndexController", function($scope, posts){
  $scope.posts = posts
})

app.controller("PostsShowController", function($scope, post){
  $scope.post = post
})

app.run(function($rootScope, $state) {
  $rootScope.$on('$stateChangeError', function(evt, to, toParams, from, fromParams, error) {
    console.log(to, toParams)
    console.log(from, fromParams)
    if (error.redirectTo) {
      $state.transitionTo(error.redirectTo, error.redirectToParams);
    } else {
      // $state.go('error', {status: error.status})
    }
  })
})

app.factory('Post', function(){
  return {
    all: function() {
      return [
        { id: 1, title: "Post 1" }, 
        { id: 2, title: "Post 2" },
        { id: 3, title: "Post 3" }
      ]
    }, 
    find: function(id) {
      return _(this.all()).findWhere({id: +id})
    }
  }
})

1 个答案:

答案 0 :(得分:0)

我写了一条评论,去洗手间再考虑一下。

由于没有办法从解决方案中做到这一点,我的建议(以及我在尝试之后使用的解决方案)是从控制器执行此操作,而不是从解析中拒绝并尝试从{{{ 1}},只需解决子状态的“重定向”,并从子控制器执行实际的重定向。

是的,这很难看,但确实有效。