SAP 电商云 Spartacus UI ActiveCartService isStable 调用何时返回 true

loading 从 true 变为 false：

单从这个 initiator 栏，是很难找到是哪一行应用代码，发起的这个 cart 加载：

根据 [Cart] Load Cart 关键字搜索是能找到的：

最后找到了准确的代码行数，调用 CartConnector 去读取数据：

首先查看针对这个 cart，是否存在 pending 请求：

使用 withLatestFrom 操作符，查看这个 cart 是否有 PendingProcesses：

 withLatestFrom(
              this.store.pipe(
                select(
                  getCartHasPendingProcessesSelectorFactory(payload.cartId)
                )
              )
            )

这里使用 withLatestFrom，从另一个 Observable 里进行数据查询。

下面这段代码组合了两个按照不同时间间隔，分别发射递增整数序列的 Observable：

// RxJS v6+
import { withLatestFrom, map } from 'rxjs/operators';
import { interval } from 'rxjs';

//emit every 5s
const source = interval(5000);
//emit every 1s
const secondSource = interval(1000);
const example = source.pipe(
  withLatestFrom(secondSource),
  map(([first, second]) => {
    return `First Source (5s): ${first} Second Source (1s): ${second}`;
  })
);
/*
  "First Source (5s): 0 Second Source (1s): 4"
  "First Source (5s): 1 Second Source (1s): 9"
  "First Source (5s): 2 Second Source (1s): 14"
  ...
*/
const subscribe = example.subscribe(val => console.log(val));

因为 host Observable 的时间间隔为 5 秒，所以每个5秒钟，console 面板新增一条输出，且 host Observable 的递增值为 5，但此时因为使用 withLatestFrom 操作符传入的输入 Observable 的时间间隔为 1 秒，因此每个 5 秒过去后，second Observable 的递增序列为 5：