如何让NgRx Selector仅在loading为false时发射值？

你当前的写法仅对selectLoading$流单独做了过滤，但ComponentStore的select方法在组合多个Observable时，只要任意一个输入Observable发射新值，就会基于所有Observable的最新值执行投影函数。也就是说，当selectData$更新时，哪怕selectLoading$的过滤流没有发射（此时loading为true），select依然会拿到当前loading的最新值（true）并执行投影，最终发射结果，这与你的预期不符。

根据你的实际业务需求，选择以下两种方案之一：

方案1：过滤最终结果（推荐） #

该方案会在任意输入流变化时生成结果，但仅当loading=false时才发射结果，满足「只要loading处于false状态，settings或data更新就触发发射」的需求：

selectResult$ = this.select(
  this.selectLoading$,
  this.selectSettings$,
  this.selectData$,
  (loading, settings, data) => ({ loading, data, settings })
).pipe(
  filter(result => !result.loading)
);

方案2：仅当loading切换为false时发射 #

该方案仅在loading从true切换为false时，才获取最新的settings和data并发射结果，settings或data单独更新时（loading已为false）不会触发发射：

import { withLatestFrom } from 'rxjs';

// ...

selectResult$ = this.selectLoading$.pipe(
  filter(loading => !loading),
  withLatestFrom(this.selectSettings$, this.selectData$),
  map(([loading, settings, data]) => ({ loading, data, settings }))
);

内容的提问来源于stack exchange，提问作者matthias