angular - 在 Angular 2+ 中一个接一个地执行解析器

Question

给定以下路线:

path: '',
component: MyComponent,
resolve: {
    foo: FooResolver,
    bar: BarResolver
}

有什么方法可以告诉 Angular 执行第一个解析器 FooResolver，并且只在第一个解析器完成后才执行第二个解析器 BarResolver？

Answer 1

解析器是并行解析的。如果 Foo 和 Bar 应该被串联解析，它们应该是一个单独的 FooBar 解析器。如果它们应该在其他路由中自己使用，FooBar 可以包装 Foo 和 Bar 解析器:

class FooBarResolver implements Resolve<{ foo: any, bar: any }> {
  constructor(
    protected fooResolver: FooResolver,
    protected barResolver: BarResolver
  ) {}

  async resolve(route): Promise<{ foo: any, bar: any }> {
    const foo = await this.fooResolver.resolve(route);
    const bar = await this.barResolver.resolve(route);

    return { foo, bar };
  }
}

FooBar 应该知道它是从 Foo 和 Bar 返回的 promise 还是 observable，以便解析他们正确。否则应该添加额外的安全设备，比如 await Observable.from(this.fooResolver.resolve(route)).toPromise()。

FooBar 和 Foo 或 Bar 不应出现在同一路由中，因为这会导致重复解析。