如何使用AngularJS对页面进行基于角色的访问？

Question

我想对AngularJS中的页面进行基于角色的访问。

根据角色页面应向用户显示。

有人能给我举个例子吗？哪个应该是最佳解决方案。

Answer 1

根据角色访问页面非常容易。

1. 假设网络/仪表板有三个角色，如admin，support，employee。
2. 将字段指定为用户用户。
3. 现在将这些页面的角色分配为ng-if =“userrole =='admin'”，反之亦然
4. 现在基于可以访问页面的角色

Answer 2

我建议你看一下（按照以下步骤）：

1. 决定访问当前用户角色的方法。
2. 查看ui-router，特别是它的Resolve方法。
3. 在Resolve方法中运行第三个函数以查看用户是否具有正确的角色，并以您将以何种方式处理您的案例。

我曾经工作的东西有一个在Resolve方法中运行的Authenticate方法，你可能想看看它以供参考。然而，这不是基于角色的，但它可能会给你一个正确方向的推动。

路线： https://github.com/kasperlewau/metalmarket/blob/master/app/assets/javascripts/config/routes.js

验证服务：https://github.com/kasperlewau/metalmarket/blob/master/app/assets/javascripts/app/services/auth.js

如果有人对基于角色/登录的身份验证有更好的想法，我会全力以赴。