AngularJS:ui-router 安全状态 [英] AngularJS: ui-router secured states

问题描述

我的应用程序有一个主控制器 - AppCtrl 并使用 ui-router.如何建立安全状态?

I have one main controller for my app - AppCtrl and use ui-router. How can I make secured states?

$rootScope.$on('$stateChangeStart',function(event, toState, toParams, fromState, fromParams){
    var authorization = toState.data.authorization;

    if(!Security.isAuthenticated() && authorization != false)
        $location.path('/login');
});

例如，我想让 books 和 authors 状态安全，而 login 状态不安全.

For example I want to make books and authors states secured, and login state not secured.

.state('login', {
                url: '/login',
                templateUrl: /**/,
                controller: /**/,
                data: {
                    authorization: false
                }
            })
.state('books', {
                url: '/books',
                templateUrl: /**/,
                controller: /**/,
                data: {
                    authorization: true
                }
            })
.state('authors', {
                url: '/authors',
                templateUrl: /**/,
                controller: /**/,
                data: {
                    authorization: true
                }
            })

Security.isAuthenticated() 函数返回布尔值.当我打开 /books 一切正常时，页面被重定向到 /login，重定向后我打开 /authors，页面加载，它是显示内容，但浏览器的 url 是 /login，因此页面被重定向，但不知何故显示了内容.

Security.isAuthenticated() function returns boolean. When I open /books everything works perfectly, page are being redirected to /login, when after redirecting I open /authors, page loads and it's content are shown, but browser's url is /login, so page being redirected, but somehow it's content are shown.

推荐答案

想通了我必须阻止打开下一条路线，并转到 login 状态.进行了一些更改，一切正常.

Figured out that I have to prevent opening next route, and go to login state. Made some changes and all works perfectly.

if (!Security.isAuthenticated() && authorization != false){
        event.preventDefault();
        $state.go('login');
    }

这篇关于AngularJS:ui-router 安全状态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！