angular – 将参数传递给路线防护装置

前端之家收集整理的这篇文章主要介绍了angular – 将参数传递给路线防护装置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个具有很多角色的应用程序,我需要使用警卫根据这些角色阻止导航到应用程序的某些部分.我意识到我可以为每个角色创建单独的防护类,但宁愿有一个我可以以某种方式传递参数的类.换句话说,我希望能够做类似的事情:
{ 
  path: 'super-user-stuff',component: SuperUserStuffComponent,canActivate: [RoleGuard.forRole('superUser')]
}

但是,既然你传递的只是你后卫的类型名称,就不会想到办法做到这一点.我是否应该咬紧牙关并为每个角色编写单独的防护等级,并在单一参数化类型中打破我的优雅幻想?

你必须这样做.

而是使用forRole(),你应该使用这个:

{ 
 path: 'super-user-stuff',canActivate: RoleGuard,data: {roles: ['SuperAdmin',...]}
}

并在您的RoleGuard中使用它

canActivate(route: ActivatedRouteSnapshot,state: RouterStateSnapshot)
    : Observable<boolean> | Promise<boolean> | boolean  {

    let roles = route.data["roles"] as Array<string>;
    ...
}

猜你在找的Angularjs相关文章