angularjs1.x怎么实现基于角色权限管理

Question

在网上找了很多资料，还是没整理出来怎么去实现这一块？
项目需要在后台根据不同角色的人登录有俩块需要实现权限控制：

1、根据角色权限的不同进入对应的路由页面。
2、根据角色权限的管理对UI颗粒元素进行对应的显示隐藏或者相关操作。

这一块，具体思路应该怎么走。

Answer 1

大体思路就是维护一个全局的权限配置对象和与之对应的鉴权系统。这两个东西分别解决你需要中的2和1。权限配置对象可以实现在$rootScope上，或者构造一个专门的service来维护它，如果是多个模块的权限，可能需要构造为factory。有了全局对象，那么对于页面元素的隐藏和操作相关的逻辑，都使用全局对象的具体属性来控制。鉴权系统的话，其实就是一系列映射关系的解析，既然你是针对路由的跳转控制，那么这个鉴权系统会涉及两方面的控制：未进入需要进行鉴权的页面的跳转控制已经入需要进行鉴权的页面的跳转控制针对第一种情况，可以在router的跳转事件hook中进行鉴权，之后根据鉴权结果，来决定是否跳转到当前目标路由。针对第二种情况，如果是需要实时控制，可能需要移植socket相关的东西来支持，如果不需要实时控制，则与第一种情况类似，只不过是在跳转事件hook中对当前的路由进行鉴权而已。