如何处理angular guar中的异步函数？

import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree } from '@angular/router';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class MyGuard implements CanActivate {
  canActivate(
    next: ActivatedRouteSnapshot,
    state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
    
    return this.checkAsyncOperation(); // 调用异步函数
  }

  private async checkAsyncOperation(): Promise<boolean> {
    // 执行异步操作，例如从服务器获取数据或进行身份验证
    const result = await this.someAsyncOperation();

    // 根据异步操作的结果返回布尔值
    return result === 'success';
  }

  private async someAsyncOperation(): Promise<string> {
    // 异步操作的具体实现
    return new Promise<string>((resolve, reject) => {
      // 异步操作的代码
      // 可以使用 HttpClient 发起 HTTP 请求，或者执行其他异步任务

      // 异步操作完成后，调用 resolve 或 reject 来返回结果
      resolve('success');
    });
  }
}

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { MyGuard } from './my-guard';

const routes: Routes = [
  {
    path: 'protected',
    canActivate: [MyGuard],
    // 其他路由配置
  },
  // 其他路由配置
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }