如何使用 angular 让我的 if 语句等待 get 请求完成 ( GUARD )

Question

我想为我的 angular 应用程序创建管理路由。我在 angular 中创建了角色守卫。请参阅下面的代码。

现在我希望在 if 语句开始检查用户是否为管理员之前完成 get 请求。有办法吗？

export class RoleGuardGuard implements CanActivate {

  public user;

  constructor( private apiService: ApiService ) {}

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

      this.apiService.getUserAdminData().subscribe((data)=>{
        this.user = data;
      });

      if (this.user.user_role === 'admin') {
        return true;
      } else {
        return false;
      }
  }

Answer 1

不要订阅，return 一个 observable。像

return this.apiService.getUserAdminData().pipe(
    tap(user => this.user = user),
    map(user => user.user_role === 'admin')
);

如何使用 angular 让我的 if 语句等待 get 请求完成 ( GUARD )

How can I let my if statement wait for get request to complete ( GUARD ) using angular

javascript

routing

angular