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

Question

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

基于角色的页面应该显示给用户。

任何人都可以给我一个例子吗？这应该是最好的解决方案。

Answer 1

访问基于角色的页面非常容易。

1. 假设网络/仪表板是否具有三个角色，如管理员、支持、员工。
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

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