RxJS - 连接和合并两个可观察对象

Question

我有两个 Observables

public readonly availableTags$ = this.tagSandbox.observeTags()
public readonly jobs$ = this.jobSandbox.observeJobsAfterFiltering()

我将其用作带有 async 管道的 Angular 组件的 Input 值。

我想将这两个可观察对象转换为一个对象，并将它们的值“合并”到单个对象中。

{
   availableTags: Tag[],
   jobs: Job[]
}

但是，来自jobs$ 的值应该在availableTags$ 发出它的值之后才被提取。 这可能吗？

所有这些都是为了避免输入属性的“双重重新加载”。

Answer 1

您可以为此使用concatMap（mergeMap 也可以），然后将第二次调用的响应与第一次调用的结果一起映射到单个对象中：

availableTags$.pipe(
  concatMap(availableTags => jobs$.pipe(
    map(jobs => ({ availableTags, jobs })),
  ))
);