第7篇：ui-router登录检查实现权限控制

做项目时用到了前端登录检查实现用户权限控制，在angularJS插件中用到了ui-router，可以利用本地存储实现对登录状态的监听，实现如下：

1）登录成功，将登录信息写入本地存储：

$.ajax({
                type: 'POST',
                url: api.login_url,
                data: data,
                dataType: "json",
                success: function(res) {
                        sessionStorage.setItem("id", res.data.name_id);
                }
})

2）路由跳转实现对登录状态的监听：

从sessionStorage中获取登录信息判断是否登录

angular.module('app', ['ui.router'])
.run(['$rootScope', '$state','$location', function($rootScope, $state,$location,$scope,$http) {
    $rootScope.$on('$stateChangeStart',
        function(event, toState, toParams, unfoundState, fromState, fromParams) {
            if(!sessionStorage.getItem("id")){
                event.preventDefault(); //阻止路由跳转
                $state.go("login");
            };
        }
    );
}]);

3）登出清除本地存储：

$http.get(api.logout_url).success(function(res){
            if(res.code == 0){
                sessionStorage.clear();
                $state.go('login');
            }
});