在angular中，不同的用户角色对应不同的菜单项

Different Menu items for different user roles in angular

本文关键字：菜单项角色用户 angular 更新时间：2023-09-26

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

我最初的方法是将API请求与JWT令牌一起发送，并在此基础上提取用户id(如果存在)，然后根据用户是否是管理员类型执行处理。如。假设我总共有3个偏导数(实际上我有57个!!)

第一部分用于登录用户。

第二部分为app功能。

第三部分是应用程序管理页面。

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

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

但是问题出现在如何为菜单项加载控制器、局部和css ?

我很挠头，目前还没有成功

使用ngShow指令!ng-show根据提供给ng-show属性的表达式显示或隐藏给定的HTML元素。我也为你做了一把小提琴。

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

请查看AngularJS文档中ng-show的详细描述。

一个重要的注意事项:如果您这样做，不要忘记在代码后面总是检查命令的执行用户是否真的有这样做的权限。因为角变量可以被改变，例如在浏览器控制台中由用户。