javascript - Angular ui 加载状态前路由检查条件

Question

使用 Angular ui-router我正在尝试根据条件进行嵌套路由，即想要在加载状态之前检查条件。

    .state('main.home', {
        url: "/:cnt",
        abstract: true,
        templateUrl: function ($stateParams) {
            return template1;
        },
        controller: "myController",
        resolve: {
            //Some model
            }],

            lazy: ['$ocLazyLoad', '$stateParams', function ($ocLazyLoad, $stateParams) {
               //lazily loaded controllers
            }]
        },
        onEnter: updateAppValues,
    }).state('main.home.default', {
        url: '',
        templateUrl: function ($stateParams) {
            return template2;
        },
        resolve: {
            lazy: ['$ocLazyLoad', function ($ocLazyLoad) {
                //lazily loaded controllers
            }]
        },
        controller: 'myDefaultController',
    })

基本上，嵌套路由器main.home.default必须有条件地加载

if(something){
    //loaded state main.home.default
}

我怎样才能实现这个目标？

Answer 1

您可以通过以下方式捕获路线更改事件:

$rootScope.$on("$routeChangeStart", function(event, next, current) {
    if(next.$$route == 'routeYouWantToAvoid') { // Or whatever you want
        $state.transitTo('main.home.default');
    }
});

• 下一个是您要去的路线。

• 当前您来自的路线。

这是documentation如果您需要更多信息。