Question

我有一个角度js模块，其中所有路线都已设置。我已经定义了一个变量“维护”。如果将其设置为true，我希望将页面重定向到维护页面。我使用stateprovider设置状态。

我正在尝试使用以下代码重定向 -

if(maintenance){
    $state.go('maintenance');
}

这似乎不起作用。但是，如果我执行以下操作，则重定向成功 -

   $urlRouterProvider.otherwise('/signup/productSelector');

我认为在这种情况下使用“否则”可能不是正确的解决方案。我该如何重定向？

修改

在下面的示例中，我希望将任何对app.html的调用重定向到维护页面，而不管＃之后的内容是什么。

https://<url>/app.html#/orders/resi

Answer 1

您无法在config方法中使用状态服务，因为此时仍在配置状态服务。

如果您想在角度模块运行后立即进行特定重定向，那么您可以在.run函数中执行$ state.go，如下所示：

angular.module("yourModule").run(['$state', function($state) {
    $state.go('maintenance');
}])

或者更好的是，您可以在使用转换服务进行每次状态转换后强制重定向：

angular.module("yourModule").run(['$transition', function($transition) {
    $transition.onBefore({}, function(transition) {
        var stateService = transition.router.stateService;
        if (maintenance && transition.to().name !== 'maintenance') {
            return stateService.target('maintenance');
        }
    })
}])

https://ui-router.github.io/guide/transitionhooks

Answer 2

您无法在configure方法中使用状态服务。相反，如果您想在加载角度模块后重定向到某个状态，则可以在.run函数中执行此操作

angular.module().run(['$state' '$rootScope', function($state, $rootScope) {
    $rootScope.$on('$stateChangeStart', function(e, toState, toParams, fromState, fromParams) {

    if (maintanance) {
        // If logged out and transitioning to a logged in page:
        e.preventDefault();
         $state.go('maintenance');
    } 
});

Angular JS重定向到模块配置中的页面

2 个答案: