针对不同用户角色的不同菜单项

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的详细说明。

更新一个重要说明：如果执行此操作，请不要忘记始终在代码隐藏中检查命令的执行用户是否确实具有执行此操作的权限。 原因角度变量可能会发生变化，例如，用户可以在钻探控制台中进行更改。