angularjs – 在ui-router中的$transition.onBefore中重定向

发布时间：2020-12-17 17:02:07 所属栏目：安全来源：网络整理

导读：我正在使用角度组件和ui-router 1.0.0-beta.3. 此版本不发送与更改状态相关的事件,还有挂钩. 在每次状态更改之前,我想重新验证用户是否经过身份验证以及是否具有所需的角色.如果不是,我想将他重定向到登录页面. $transitions.onBefore({},$transition = { co

我正在使用角度组件和ui-router 1.0.0-beta.3.
此版本不发送与更改状态相关的事件,还有挂钩.
在每次状态更改之前,我想重新验证用户是否经过身份验证以及是否具有所需的角色.如果不是,我想将他重定向到登录页面.

$transitions.onBefore({},$transition => {

        const $toState = $transition.$to();

        if ($toState.data && $toState.data.authentication) {

            PrincipalService.identity().then(() => {
                return true;
            },() => {
                console.log('redirecting');
                let $state = $transition.router.stateService;

                // not works
                //return $state.target('home');
                //return $transition.router.stateService.t('login');
            });
        } else {
            return Promise.resolve(false);
        }
    });

如何使这个工作？在这些情况下,我收到了关于打破过渡的错误.

我基于official documentation

解决方法

在您的条件中使用来自stateService的目标.

return $transition.router.stateService.target(‘login’);

您可以在迁移示例3(https://ui-router.github.io/guide/ng1/migrate-to-1_0#state-change-events)中看到它

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!