Question

我想在角度应用程序中获取用户角色，但在我的情况下，它的剂量不能正常工作代码

export const appRoutes: Routes [{path:'home',component:HomeComponentcanActivate: [AuthGuard] }, { path: 'admin',component: AdminPanelComponent, canActivate: [AuthGuard], data: {roles: ['SuperAdmin']}},

我想获得管理员角色，因为其他用户不会访问管理组件，这是我的身份验证保护代码

canActivate(
next: ActivatedRouteSnapshot,
state: RouterStateSnapshot): boolean {
if (sessionStorage.getItem('userToken') != null) {
  debugger
  let roles = next.data['roles'] as Array<string>;
  console.log(next.data['roles']);
  if (roles) {
    var match = this.userService.roleMatch(roles);
    if (match) {
      return true;
    } else {
      this.router.navigate(['/forbiden']);
    }
  }
} else {
  this.router.navigate(['/signin']);
  return false;
}}

它的赋值角色未定义不进入IF条件

Answer 1

canActivate(route: ActivatedRouteSnapshot) {
  console.log(route.data);
}

使用route：ActivatedRouteSnapshot可以解决您的问题：

在Angular应用程序中获取用户角色

1 个答案: