針對不同用戶角色的不同菜單項

Question

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

我的最初方法是將API請求與JWT令牌一起發送，並以此為基礎提取用戶ID（如果存在），然后根據用戶是否為管理員類型進行處理。 例如，讓我們說我總共有3個部分（實際上我有57個!!）

第一部分是用於登錄用戶。

第二部分用於應用程序功能。

第三部分是針對應用管理頁面的。

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

現在，對於非登錄用戶，他應該

但是如何為菜單項加載控制器，局部控件和CSS會出現問題？

我撓頭，目前沒有成功。

Answer 1

使用ngShow指令！ ng-show根據提供給ng-show屬性的表達式顯示或隱藏給定的HTML元素。 我也為您制作了一個小提琴 。

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

請查看AngularJS文檔以獲取ng-show的詳細說明。

更新一個重要說明：如果執行此操作，請不要忘記始終在代碼隱藏中檢查命令的執行用戶是否確實具有執行此操作的權限。 原因角度變量可能會發生變化，例如，用戶可以在鑽探控制台中進行更改。