Javascript AngularJS中授权的可配置角色

我正在开发一个没有严格定义角色的应用程序。这些角色是从服务导入的

我将AngularJS与UI路由器一起使用

我在应用程序中定义了我的状态，但是有没有一种简单的方法可以将状态或UI组件div、按钮等映射到动态角色

我正在考虑使用一个UI，它将列出我的所有状态和所有角色，管理员可以根据角色定义对每个状态的访问，然后当实际用户登录时，他们只能看到允许他们查看的相关部分，可能是通过设置ng show指令

如果有更简单的解决方案，我们将不胜感激

---

谢谢。

如果我理解正确，您是说您的应用程序具有一组固定的状态，但具有一组控制对固定状态的访问的动态角色。对吗

如果是这样，那么我将采用的一种高级方法是创建一个指令，您可以使用类似If permission=some permission的内容来为HTML按钮或链接添加属性，然后该指令可以通过检查您从服务器检索到的JSON数据来确定用户是否具有给定的权限

不久前，我为一个类似的问题创建了一个要点，你会觉得有用吗？也许，也许不是。无论哪种方式，这里都是：