Angularjs中的角色管理用于显示和隐藏标签

Question

我们正在使用AngularJs，在我们的应用程序中，我们有大约8个角色，如SUPER_ANDMIN，ADMIN，USER，RESELLER等， 因此，如果用户角色为ADMIN，则显示7个选项卡，但如果用户角色为USER，则每次调用时只显示三个选项卡，我们从服务器站点发送用户角色。

那么它的最佳实践是什么呢？我们需要在每个标签上放置ng-if或AngularJS中的任何更好的选项 感谢

Answer 1

您可以创建一个混合应用程序，创建多个定义应用程序中某些功能部分的SPA，也可以让一个SPA具有多个视图，并根据您的角色限制视图。

如果是后者，您可以使用ui-router，每个视图附加数据。验证后，您可以确定角色并限制用户查看某些页面。

我在plunker上有一个小example。请注意，我没有限制导航，以便您可以看到禁止查看相应的页面，也不会以任何方式验证身份验证。