Question

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

我最初的方法是，我将发送API请求和JWT token，并根据我可以提取用户ID（如果存在），然后根据用户是管理员类型还是执行处理不。对于例如让我们说我总共有3个部分（实际上我有57个!!）

第一部分用于登录用户。

第二部分用于app功能。

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

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

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

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

我正在挠头，目前没有成功。

Answer 1

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

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

请查看AngularJS文档，了解ng-show的详细说明。

<强>更新一个重要的注意事项：如果执行此操作，请不要忘记如果命令的执行用户确实具有执行此操作的权限，则始终检查代码隐藏。原因角度变量可以改变，例如在用户的borwsers控制台中。