如何使第二個 stream 在第一個 rxjs 之前工作

Question

this.productService.createProduct(form).subscribe((res) => {
  this.fileUploadService.remove(imageName).subscribe((res) => {
    this.closeDialog(true);
  })
})

我從我的代碼中截取了這個，你怎么看，我在第一個請求中訂閱了第二個請求，我認為這是一個糟糕的解決方案，你知道如何使用 rxjs 運算符讓第二個 stream 在第一個之前工作嗎？

Answer 1

如果this.fileUploadService.remove必須在this.productService.createProduct之前執行，那么您可以嘗試

this.fileUploadService.remove(imageName).pipe(
  concatMap(() => this.productService.createProduct(form))
).subscribe(() => {
    this.closeDialog(true);
})

這里的關鍵是concatMap的使用，它基本上是說“在上游通知一些值后執行下游”。