在 Angular 的循环中订阅一个 observable

Question

我有一个用例，我需要订阅 Observable 然后循环响应以便使用来自第一个 Observable 的数据订阅另一个 Observable。

  getTasks(taskType: Observable<any>): void {
    taskType // Subscribing to the first Observable
      .subscribe(
        (tasks: any) => {
          let row: InboxTasks;
          for (const task of tasks) { // Looping through the result
            if (task.assigned_id) { // I need to extract that data in order to use it as an argument of the second Observable below
              this.auth.getUserById(task.assigned_id).subscribe((user) => this.username = `${user.firstname} ${user.lastname}`);
            }
            row = {
              assigned: this.username ? this.username : '', // Here I use my newly created property
              task: task.displayName
            };
            this.rowData = [
              ...this.rowData,
              row
            ];
          }
        }
      );
  }

使用该方法可以在第二个Observable 完成之前执行循环。 在那种情况下，我如何设法使用第二个Observable？

谢谢

Answer 1

您可以首先根据第一个 Observable 的响应收集所有内部 Observable，然后等待它们全部完成并使用forkJoin：

taskType
  .pipe(
    concatMap(tasks => {
      const observables = [];
      for (const task of tasks) {
        observables.push(this.auth.getUserById(task.assigned_id));
      }
      return forkJoin(...observables).pipe(
        map(innerResults => ({
          innerResults,
          tasks
        }))
      );
    })
  )
  .subscribe(({ innerResults, tasks }) => ...);