码迷,mamicode.com
首页 > Web开发 > 详细

angularjs:[1] ui-router 权限控制

时间:2015-11-02 15:33:04      阅读:684      评论:0      收藏:0      [点我收藏+]

标签:

1:简单的登录检查

$stateProvider
        .state(‘index‘, {
            url: "/",
            templateUrl: ‘views/forwards/intro.html‘,
            controller: ‘ForwardsIntroCtrl‘,
            data: {
                loginCheck: false
            }
        })
        .state(‘account‘, {
            url: "/account",
            templateUrl: ‘views/forwards/account.html‘,
            controller: ‘ForwardsAccountCtrl‘,
            data: {
                loginCheck: true
            }
        })

 

配置参数:loginCheck(这里可以自定义)

 

 $rootScope.$on(‘$stateChangeStart‘, function(event, toState, toStateParams) {
            console.error(toState, toState.data.loginCheck);
            if (!$rootScope.logined && toState.data.loginCheck) {
                console.error(‘not login!‘);
                $location.path(‘/‘)
            }
        });

 

根据某个rootScope值和loginCheck判断是否登录

 

 

2:角色检查

 

可以参考:http://stackoverflow.com/questions/22537311/angular-ui-router-login-authentication

原理大概是一样的。

 

angularjs:[1] ui-router 权限控制

标签:

原文地址:http://www.cnblogs.com/xnlc/p/4930099.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!