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

Question

在从第一个 observable (this.postService.addPost) 返回值之前，有什么方法可以等待方法完成执行？执行 addPost 添加新帖子后，我希望运行一个基于添加的帖子 ID 上传帖子图片的方法，并等待此方法完成后再返回结果。但是用我写的代码，先返回observable结果，只执行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);
  })
)