为不同的角色创建单独的UI

时间:2015-10-06 21:53:13

标签: angularjs node.js user-interface loopbackjs

我的应用程序中有两个角色说CustomerProvider,我想在验证后为他们创建单独的UI,保持登录屏幕相同,并有一个单词“I”客户“和”我是供应商“,在注册时也是如此。

我正在寻找更好的方法,我不知道如何开始。

我已经为客户提供了现有的UI界面,但现在需要“提供商”界面。这样客户就可以进行交互,发送需求,直接与提供商进行查询。目前客户申请通过电子邮件发送这些请求

1 个答案:

答案 0 :(得分:1)

首先,您应该检测并定义要为两者显示哪些组件以及哪些组件仅用于其中一个或哪些组件。在确切了解您的应用程序之后,angularjs提供了许多用于管理不同案例的本机指令。

看看:

[activityView popoverPresentationController].sourceRect=CGRectMake( 0,200,768,20); ng-if ng-switch ng-hide

那些对你有很大帮助。但始终记住要管理安全服务器端,可以轻松操作Web应用程序,如果您正在使用角色和不同的权限,请将此视为必备。

顺便说一下,考虑使用angularjs $ routeProvider以下一些方法来管理权限:

ng-show

OR

    $routeProvider.when('/admin/users', {
        controller: 'userListCtrl',
        templateUrl: 'js/modules/admin/html/users.tmpl.html',
        access: {
            requiresLogin: true,
            requiredPermissions: ['Admin', 'UserManager'],
            permissionType: 'AtLeastOne'
    });