Angular Observable 等待方法在返回前执行

Question

在从第一个可观察对象（this.postService.addPost）返回值之前，有什么方法可以等待方法完成执行？ 在执行 addPost 添加新帖子后，我希望运行一个基于添加的帖子 ID 上传帖子图片的方法，并等待该方法完成后再返回结果。 但是使用我编写的代码，首先返回可观察的结果，并且只执行了uploadPostImages方法。

             this.postService.addPost(post).pipe(
                map((newPost: Post) => {
                    
                    if(selectedFilePaths.length !== 0) {      
                        this.imageService.uploadPostImages(newPost, selectedFilePaths);  <--wait for this to finish before return newPost
                    }

                    
                    return newPost; <-- this should execute after uploadPostImages (If selectedFilePaths not 0)
                })
            )

Answer 1

像这样使用switchMap

this.postService.addPost(post).pipe(
  switchMap((newPost: Post) => {
    if(selectedFilePaths.length !== 0) {      
      return this.imageService.uploadPostImages(newPost, selectedFilePaths).pipe(
        map(() => newPost),
      );
    }
    return of(newPost);
  })
)