javascript - RxJS:如何切换多个行为主题源

Question

场景:

我有一个网格，我想在其中显示数据。我可能有两个(或更多)行为主题数据源。我还有一个切换可观察对象，它返回一个数字，指示我想显示来自哪个来源的数据(即 1 表示来源 1，2 表示来源 2，等等)。

问题:

我如何合并 n 个源，但仅从可观察切换指示的源发出记录？我的网格将订阅生成的可观察对象。当 toggle observable 发出时，我希望发出来自所选源的最新消息。

// Sources
let source1 = new BehaviorSubject([]);
let source2 = new BehaviorSubject([]);

// Toggle observable
let toggle = new BehaviorSubject(1); // default to source one

// Combined observable
let gridDataSource = ????

Answer 1

我认为 switchMap 可以解决这个问题。根据定义，它的目的是在多个源之间切换。

// Sources
let sources = [
  new BehaviorSubject([]),
  new BehaviorSubject([]),
];

// Toggle observable
let toggle = new BehaviorSubject(0); // default to the first source

// Selected observable
let gridDataSource = toggle.switchMap((i) => source[i]);

如果您不能或不想使用源数组，您可以回退到 switchMap 声明中的简单 switch-case。

let gridDataSource = toggle.switchMap((i) => {
    switch(i) {
        case 1: return source1;
        case 2: return source2;
    }
});