将最新数据与可观察数组结合起来

Question

如何将 combineLatest 与两个或多个可观察数组一起使用？

const array1 = [of(1), of(2)];
const array2 = [of(3), of(4)];

combineLatest(array1, array2)
  .subscribe(([array1, array2]) => {
    console.log(
      `array1[0]: ${array1[0]}
      array1[1]: ${array1[1]}
      array2[0]: ${array2[0]}
      array2[1]: ${array2[1]}`
    );
  });

我有一个堆栈闪电战： https://stackblitz.com/edit/typescript-cnzvlo? file=index.ts&devtoolsheight=100

Answer 1

combineLatest 函数需要一个 Observable 数组，而不是 Observable 数组的数组。

因此，您需要做的是：

• 通过组合每个 Observable 的内部 Observable 数组，将每个 Observable 数组转换为 Observable其中之一使用 concat 函数。
• 然后使用 toArray 运算符将每个结果转换为数组。

您可以执行如下操作：

import { combineLatest, of, concat } from 'rxjs';
import { toArray } from 'rxjs/operators';

const array1 = [of(1), of(2)];
const array2 = [of(3), of(4)];

combineLatest([
  concat(...array1).pipe(toArray()),
  concat(...array2).pipe(toArray()),
]).subscribe(([array1, array2]) => {
  console.log(
    `array1[0]: ${array1[0]}
      array1[1]: ${array1[1]}
      array2[0]: ${array2[0]}
      array2[1]: ${array2[1]}`
  );
});

这是 StackBlitz 的工作版本：
https://stackblitz.com/edit/typescript-3imea6?file=index.html ts