看这里理想情况是传递一个has-permission属性来验证权限的名称。当前用户有则显示，没有则隐藏。angular.module('myApp').directive('hasPermission',function(permissions){return{link:function(scope,element,attrs){if(!_.isString(attrs.hasPermission))throw"hasPermissionvaluemustbeastring";varvalue=attrs.hasPermission.trim();varnotPermissionFlag=value[0]==='!';if(notPermissionFlag){value=value.slice(1).trim();}functiontoggleVisibilityBasedOnPermission(){varhasPermission=权限。hasPermission(value);if(hasPermission&&!notPermissionFlag||!hasPermission&¬PermissionFlag)element.show(.hide();}toggleVisibilityBasedOnPermission();scope.$on('permissionsChanged',toggleVisibilityBasedOnPermission);}};});展开前一个工厂：angular.module('myApp').factory('permissions',function($rootScope){varpermissionList;return{setPermissions:function(permissions){permissionList=permissions;$rootScope.$broadcast('permissionsChanged')},hasPermission:function(permission){permission=permission.trim();return_.some(permissionList,function(item){if(_.isString(item.Name))returnitem.Name.trim()===permission});}};});#p#通过权限访问这部分路由的思路是这样的：我们在定义路由的时候，添加一个permission属性，属性的值就是有什么权限可以访问当前url。然后通过routeChangeStart事件始终监视url更改。每次更改url时，检查当前要重定向的url是否满足条件，然后决定是重定向成功还是跳转到错误提示page.router.js:app.config(function($routeProvider){$routeProvider.when('/',{templateUrl:'views/viewCourses.html',controller:'viewCoursesCtrl'}).when('/unauthorized',{templateUrl:'views/error.html',controller:'ErrorCtrl'}).when('/courses/:id/edit',{templateUrl:'views/editCourses.html',controller:'editCourses',permission:'Edit'});});mainController.jsorindexController.js(简称父层Controller)app.controller('mainAppCtrl',funfunction($scope,$location,permissions){$scope.$on('$routeChangeStart',function(scope,next,current){varpermission=next.$$route.permission;if(_.isString(permission)&&!permissions.hasPermission(permission))$location.path('/unauthorized');});});之前写的hasPermission这里还是用到了，这些东西复用性很强。这样就完成了，在每个视图的路由跳转之前，在父容器的Controller中判断是否有跳转权限就可以了。HTTP请求处理应该是比较好办的，思路也很简单。因为Angularapplication推荐使用RESTful风格的借口，所以HTTP协议的使用非常清晰。如果请求返回的状态码是401或者403，说明没有权限，直接跳转到相应的错误提示页面即可。当然，我们不可能每个请求都人工验证并转发一次，所以通用过滤器肯定是需要的。代码如下：angular.module('myApp').config(function($httpProvider){$httpProvider.responseInterceptors.push('securityInterceptor');}).provider('securityInterceptor',function(){this.$get=function($location,$q){returnfunction(promise){returnpromise.then(null,function(response){if(response.status===403||response.status===401){$location.path('/unauthorized');}return$q.reject(response);});};};});写到这里差不多就可以实现了，在这种前后端分离的模式下，实现了前端部分的权限管控。请给我留言。原文链接：http://my.oschina.net/blogshi/blog/300595