如果返回的结果为空，则 RxJS SwitchMap 不会完成

Question

我有一个显示加载微调器的数据表。但是，当 this.rendering 设置为 true 时，加载程序会显示 - 如果从 this._CollectionDataSet.results 返回的结果是一个空数组，则序列会卡在 switchMap 并且无法完成 - 为什么会这样？

数据源.ts

connect(): Observable<Collection[]> {
    // Listen for any changes in the base data, sorting, filtering, or pagination
    const displayDataChanges = [
        this._CollectionDataSet.dataChange,
        this._sort.sortChange
    ];

    return Observable.merge(...displayDataChanges)
        .startWith(null)
        .switchMap(() => {
            this.rendering = true;
            return this._CollectionDataSet.dataChange;
        })
        .catch(() => {
            return Observable.of(null);
        })
        .map((result) => {
            this.rendering = false;
            return result;
        })
        .map(result => {
            if (!result) { return []; }

            this._recordsTotal = result.length;

            const sortedData = this.sortData(result.slice());

            this.renderedData = sortedData;

            return this.renderedData;
        });
}

数据集.ts

dataChange: BehaviorSubject<Collection[]> = new BehaviorSubject<Collection[]>([]);
get results(): Collection[] { return this.dataChange.value; }

constructor(
    private _collectionService: CollectionService,
    private route: ActivatedRoute,
    private router: Router
) {
    this.route.params.subscribe((param: any) => {
        this._collectionService.view(param.id).subscribe((results) => this.update(results));
    });
}

update(results: Collection[]) {
    results && this.dataChange.next(results);
}

Answer 1

您没有向我们展示_CollectionDataSet.results 是如何定义的，而是基于您提供的签名

(): Collection[]

我假设results 是Collection[] 类型。这里的问题是switchMap 必须返回一个Observable。如果您已经拥有要映射到的数据，则不需要 observable，您可以使用 map 代替。

此外，您应该使用副作用运算符运行副作用（do 或 tap，当使用 pipe 时）。这将您的代码减少到

.do(() => this.rendering = true)
.map((): Collection[] => this._CollectionDataSet.results)
.catch(result => Observable.of(null))
.do(() => this.rendering = false)

虽然这些副作用可能没什么用。如果results 确实只是一个数组，那么所有这一切都会立即发生，您最好不要为此显示微调器。