javascript - 在 Angular ui-router 中实现中间件

Question

场景:

• 用户打开/myapp/recovery/:token，它会调用中间件，中间件又会将用户重定向到“验证”状态或“重置密码”状态。
• 这两个有一个屏幕，而恢复中间件(路由器/代理/等)不会只是重定向

如何使用 ui-router 在 Angular 1.3 中实现这样的功能？

谢谢

编辑

这就是我所做的，它似乎有效，但我不确定这是否是最好的解决方案。

config.js

$stateProvider.state('account-recovery', {
    url: '/account-recovery/:token',
    controller: 'AccountRecovery'
});

$stateProvider.state('verify', { ... });

$stateProvider.state('reset-pwd', { ... });

然后在account-recovery.js

class AccountRecovery {

    static get $inject() {
        return ['$state' ...];
    }

    constructor($state, ...) {
        this.$state = $state;

        this.token = this.$state.params.token || '';
        this.doSomeAsync();
    }

    async doSomeAsync() {
        try {
            const response = await getSomethingFromServer();

            if (response == null || response.data == null) {
                console.error('No response');
            }

            const user = response.data;

            if (user.this) {
                this.$state.go('reset-pwd');
            }
            else if (user.that) {
                this.$state.go('verify');
            }
        }
        catch (err) {
            console.error(err);
        }
    }

}

Answer 1

使用主模块的run函数:

angular
.module('myApp')
.run(runFn);

runFn.$inject = ['$rootScope', '$state', 'myService'];

function runFn($rootScope,$state, myService) {

    $rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams){

      //In here you can use the $state service , i.e.
      //if(toState.name === 'account-recovery'){
      // myService.getUser().then(function(user){
      // if(user){
      //  $state.go('reset-pwd')
      // }
      // else{
      //   $state.go('verify');
      // }
      //});
    });
 }