javascript - 在 Angular2 中实现基于 Angular 色的访问

Question

我有一个 angular2 应用程序，我已经实现了注册和登录模块。登录时会收到用户 Angular 色和其他详细信息。不知道如何根据用户 Angular 色正确管理访问权限。

目前我希望使用 Angular2 服务在整个应用程序中共享用户 Angular 色和其他详细信息，并根据 Angular 色使用“if”条件来管理访问。

请向我提供有关如何正确执行此操作的任何信息。

Answer 1

我会通过构建一个对象来解决这个问题，以便在用户成功登录时读取。

// when user logs in build out permissions object
permissions = {
  dashboardOne: true,
  dashboardTwo: true
}

然后在您的身份验证服务中，有一个根据用户权限返回 bool 值的函数

userHasAccess = (() =>{
  return {
    toDashboardOne: () => {
      return this.permissions.hasOwnProperty('dashboardOne');
    },
    toDashboardTwo: () => {
      return this.permissions.hasOwnProperty('dashboardTwo');
    }
  }
})();

现在您可以在整个应用程序中调用上述函数

if(this._authService.userHasAccess.toDashboardOne()){
  // do something
}

我希望这可以帮助您入门。干杯