angularjs – 基于用户角色的UI-Router 1.0重定向

发布时间：2020-12-17 06:59:11 所属栏目：安全来源：网络整理

导读：我正在升级到ui-router@1.0.0-beta.2并试图弄清楚如果用户没有必要的权限,将用户重定向到另一个州的最佳方式是什么. 这就是我所拥有的： .state('company_dashboard',{ url: '/dashboard',templateUrl: 'dashboard.html',controller: 'CompanyDashboardCtrl'

我正在升级到ui-router@1.0.0-beta.2并试图弄清楚如果用户没有必要的权限,将用户重定向到另一个州的最佳方式是什么.

这就是我所拥有的：

.state('company_dashboard',{
    url: '/dashboard',templateUrl: 'dashboard.html',controller: 'CompanyDashboardCtrl',resolve: {
        user: function(UserService) {
            return UserService.getActiveUser();
        },company: function(UserService) {
            return CompanyService.getActiveCompany();
        },permissions: function(CompanyService,user,company){
            return CompanyService.getUserPermissions(company,user);
        }
    },onEnter: function($state,permissions) {
        if (permissions.canAccessDashboard === false)
            return $state.go('company_landing_page');
    }
})

上面的示例有效,但它记录了以下错误：TransitionRejection(类型：2,消息：转换已被不同的转换取代,详细信息：转换#1(”{} – >’company_landing_page'{}))这让我觉得,应该有一个更好的方法.

附带问题,在解决期间检查权限是一种好习惯吗？

更新：

将$state.go()更改为$state.target()帮助我摆脱了控制台错误. This comment有帮助.
虽然问题在于,我是否正确地做到了这一点？

解决方法

我会向您的州添加一个数据属性,如下所示：

.state('company_dashboard',{
    data: {
           requiresAuthentication: true
    }
}

然后：

app.run(function ($rootScope,$state) {
    $rootScope.$on('$stateChangeStart',function (event,toState,toParams) {
        // Check if user is authenticated
        // And route requires authentication
       if (!toState.data.requiresAuthentication) {
            $state.go(toState.name,toParams);
       } else if (user && toState.data.requiresAuthentication) {
            $state.go(toState.name,toParams);
       } else {
            $state.go('login');
       }
    });
});

这似乎工作得很好,即使我确信它可以更加精致,但我希望这可以让你了解如何进行.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!