角度不同的用戶角色的不同菜單項

Question

我正在Angular.js中創建一個Web應用程序。我必須爲不同的用戶（非登錄用戶，非管理登錄用戶，管理員用戶）顯示不同的菜單項。

我最初的做法是將API請求與JWT token一起發送，基於此我可以提取用戶標識（如果存在），然後根據用戶是否爲admin類型來執行處理。 例如 讓我們說，我總共有3個部分（其實我有57 !!）

第一部分是登錄用戶。

第二部分是爲應用程序功能。

第3部分用於應用管理頁面。

現在對於非登錄用戶，他只能看到第一部分。一旦用戶登錄，他也可以看到第二個。如果他是管理員用戶，他也可以看到第三個。在用戶登錄

現在非，他應該

但問題的出現與如何加載控制器，泛音和CSSfor菜單項？

我在抓我的頭，目前沒有成功。

Answer 1

使用ngShow指令！ ng-show根據提供給ng-show屬性的表達式顯示或隱藏給定的HTML元素。我也爲你創建了一個fiddle。

<button class="btnEdit" ng-show="user.type=='admin'">Edit Item</button> 

請在AngularJS文檔中查看有關ng-show的詳細說明。

更新 一個重要的提示：如果你這樣做，不要忘了在代碼隱藏經常檢查是否有命令的執行用戶真正有權限做到這一點。原因角度變量可以改變，例如在用戶的borwser控制檯中。