如何使用AngularJS對頁面進行基於角色的訪問？

Question

我想爲AngularJS中的頁面進行基於角色的訪問。

根據角色頁面應顯示給用戶。

可以舉個例子嗎？這應該是最好的解決方案。

Answer 1

我建議你看一看（在下面的步驟）：

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

如果任何人有基於/角色更好的想法登錄的身份驗證，我所有的耳朵。

Answer 2

基於角色訪問頁面非常容易。

1. 假設網絡/儀表板有三個角色，如admin，support，employee。
2. 將該字段指定爲userrole給用戶。
3. 現在分配這些網頁爲NG-IF =「UserRole的==‘管理員’」的角色，反之亦然
4. 現在基於角色的頁面訪問