RxJS if-else 类似管道过滤

Question

我不擅长 JS 和 RxJS，所以如果我的问题很愚蠢，对不起。

我有这个代码；不是我写的：

  prepare(): Observable<any> {
    const i = of({}).pipe(
      // Check if file type is image
      filter(() => isImage(this.file)),
      switchMap(() => this.generateThumb()),
      switchMap(() => this.resizeImage()),
      take(1)
    );

    return i
  }

但我需要第二件事；如果文件类型不是图像：

1. 如果文件是图像，请调整图像大小并生成缩略图。
2. 如果文件不是图像，则仅生成缩略图。

我怎样才能做到这一点？谢谢。

编辑：AJT_82 的评论

我真的不知道这里发生了什么。为什么要先创建一个可观察对象，对其进行管道传输、过滤等。

所以我试着让它更简单：

if (isImage(this.file)) {
    this.resizeImage();
}
this.generateThumb();

return of(this);

失败了。

Answer 1

我认为你可以使用partition 运算符：

它应该看起来像：

const source = of({});
const [images, notImages] = source.pipe(partition(() => isImage(this.file));

merge(
  images.pipe(
    switchMap(() => this.resizeImage()),
  )
  notImages
)
.pipe(switchMap(() => this.generateThumb())),
.subscribe(...);

分区会。给你可观察的图像，以及第二个可观察的 noImages

在图像上应用resizeImages，将图像与 noImages 合并，并将generateThumb 应用于合并的 observable

link to docs