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

前端之家收集整理的这篇文章主要介绍了angularjs – 在ui-router中的$transition.onBefore中重定向前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用角度组件和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)中看到它

猜你在找的Angularjs相关文章