角度中不同用户角色的不同菜单项答案

【问题标题】：Different Menu items for different user roles in angular角度中不同用户角色的不同菜单项
【发布时间】：2016-01-16 07:21:50
【问题描述】：

我正在 Angular.js 中创建一个网络应用程序。我必须为不同的用户（非登录用户、非管理员登录用户、管理员用户）显示不同的菜单项。

我最初的方法是将 API 请求与JWT token 一起发送，并在此基础上提取用户 ID（如果存在），然后根据用户是否为管理员类型执行处理。例如假设我总共有 3 个部分（实际上我有 57 个！！）

第一部分用于登录用户。

第二部分用于应用功能。

第三部分用于应用管理页面。

现在对于非登录用户，他只能看到第一个部分。用户登录后，他也可以看到第二个。如果他是管理员用户，他也可以看到第三个。

现在对于未登录的用户，他应该

但是如何为菜单项加载控制器、部分和 CSS 会出现问题？

我摸不着头脑，目前没有成功。

【问题讨论】：

【解决方案1】：

使用 ngShow 指令！ ng-show 根据提供给 ng-show 属性的表达式显示或隐藏给定的 HTML 元素。我也为你创建了一个fiddle。

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

请在 AngularJS 文档中查看ng-show 的详细说明。

更新一个重要的注意事项：如果您这样做，请不要忘记始终检查代码隐藏，如果命令的执行用户确实具有执行此操作的权限。原因角度变量可能会发生变化，例如用户在 borwsers 控制台中。

【讨论】：