角度为

时间:2015-10-17 16:51:47

标签: javascript angularjs laravel-5 jwt

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

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

第一部分用于登录用户。

第二部分用于app功能。

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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