如何讓我的 if 語句使用 angular 等待獲取請求完成（ GUARD ）

Question

我想為我的 angular 應用創建管理路由。 我在 angular 中創建了一個角色守衛。 請參閱下面的我的代碼。

現在我希望我的 get 請求在我的 if 語句開始檢查用戶是否是管理員之前完成。 有沒有辦法做到這一點？

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

不要訂閱，返回一個 observable。 就像是

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