Angular如何等待异步结果完成类构造及适配Angular DI机制

你当前的用法存在错误：async/await无法等待subscribe返回的订阅对象，因此不会阻塞后续逻辑执行，需要先将Observable转为Promise再等待，修正后的init方法代码如下：

async init()
{
  // forkJoin结果转Promise后直接await，无需手动订阅
  const [isAdmin, ap, dp] = await forkJoin([
    this.getIsAdmin(),
    this.getAppPermissions(),
    this.getDataPermissions()
  ]).toPromise();

  // 此处赋值完成后才会执行后续逻辑
  this._isAdmin = isAdmin;
  this.appPermissionsDict = Object.assign({}, ...ap.map(x => x.id));
  this.dataPermissionsDict = Object.assign({}, ...dp.map(x => x.id));
  
  // 走到此处init返回的Promise自动变为resolved状态，代表初始化完成
}

针对你提到的两个需求，不需要整体改造异步架构，有两种成熟的实现方案：

方案1：使用APP_INITIALIZER（全局初始化，推荐） #

Angular官方提供了APP_INITIALIZER注入令牌，专门用于在应用启动前执行初始化逻辑，DI会自动等待所有初始化任务完成后再启动应用，后续注入PermissionService时所有属性已经赋值完成。
配置步骤如下：

1. 保留PermissionService的现有逻辑
2. 在根模块（AppModule）的providers中添加如下配置：

import { APP_INITIALIZER, NgModule } from '@angular/core';
import { PermissionService } from './permission.service';
import { HttpClientModule } from '@angular/common/http';

// 初始化工厂函数，返回权限服务的初始化Promise
export function initPermissionFactory(permissionService: PermissionService) {
  return () => permissionService.initialization;
}

@NgModule({
  imports: [HttpClientModule],
  providers: [
    PermissionService,
    {
      provide: APP_INITIALIZER,
      useFactory: initPermissionFactory,
      deps: [PermissionService], // 声明依赖的服务
      multi: true // 支持多个初始化任务并行执行
    }
  ]
})
export class AppModule { }

如果不需要全局初始化，仅需要在特定路由加载前等待权限初始化，可以使用路由Resolve守卫：

// 权限初始化守卫
import { Injectable } from '@angular/core';
import { Resolve } from '@angular/router';
import { PermissionService } from './permission.service';

@Injectable({ providedIn: 'root' })
export class PermissionInitResolver implements Resolve<void> {
  constructor(private permissionService: PermissionService) {}
  resolve() {
    return this.permissionService.initialization;
  }
}

// 路由配置
const routes: Routes = [
  {
    path: '需要权限的路由路径',
    component: 对应组件,
    resolve: { permissionInit: PermissionInitResolver }
  }
];

方案2：自定义静态工厂配合DI #

如果你坚持使用私有构造+静态工厂的方案，Angular的DI原生支持工厂函数返回Promise，会自动等待Promise resolve后再注入实例，完全满足你的两个需求：

1. 改造PermissionService添加静态工厂方法：

export class PermissionService {
  // 构造函数设为私有
  private constructor(private http: HttpClient) {
    this.initialization = this.init();
  }

  // 静态工厂方法，返回初始化完成的服务实例Promise
  static async create(http: HttpClient): Promise<PermissionService> {
    const service = new PermissionService(http);
    await service.initialization;
    return service;
  }

  // 原有其他逻辑保持不变
  public initialization : Promise<void>;  
  private _isAdmin : boolean;
  private appPermissionsDict : object;
  private dataPermissionsDict : object;
  baseUrl = environment.baseUrl + 'permission';

  async init() {
    // 修正后的init逻辑同上
  }
}

2. 在根模块的providers中自定义服务提供者：

providers: [
  {
    provide: PermissionService,
    useFactory: async (http: HttpClient) => {
      return await PermissionService.create(http);
    },
    deps: [HttpClient]
  }
]

该配置会覆盖providedIn: 'root'的默认提供逻辑，DI会等待工厂返回的Promise resolve后，将初始化完成的PermissionService实例作为单例注入到所有依赖的位置。

内容的提问来源于stack exchange，提问作者user3230660