javascript - ui-router event.preventDefault 不会渲染 ui-view

Question

我尝试在 stateChangeStart 上重定向到另一个状态，但 event.preventDefault 和 $state.go() 无法渲染 View 。如果我注释掉它们，它就会开始工作。这是plunker :

var example = angular.module("example", ['ui.router']);

example.config(function ($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state("root", {
            url: "/",
            abstract: true,
            template: '<ui-view>'
        })
        .state("root.second", {
            abstract: true,
            template: '<ui-view>',
        })
        .state("root.second.a", {
            url: "a",
            template: "second a template",
        })
        .state("root.first", {
            abstract: true,
            template: '<ui-view>'
        })
        .state("root.first.b", {
            url: "b",
            template: "first a template"
        });

    $urlRouterProvider.otherwise("/b");
});


example.run(function ($rootScope, $state) {
    $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {
        event.preventDefault();
        $state.go("root.second.a", {}, {notify: false});
    });

});

Answer 1

设置notify为假prevents the view directive from doing it's job 。而不是使用 notify: false ，我认为您这样做是为了避免 $stateChangeStart函数，您可以有条件地调用 $state.go() .

$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {
  if (toState.name !== 'root.second.a') {
    event.preventDefault();
    $state.go('root.second.a');
  }
});

骗子:http://plnkr.co/edit/tJPxXGir5YSSPG5jGodn?p=preview