Angular 监听 rxjs observable 的订阅开始？

Question

有没有办法检测管道内 rxjs observable 的订阅开始？

我想在订阅 http observable(响应完成后销毁)时触发加载指示器。

或者我是否必须为此操作创建一个可观察的包装器？

Answer 1

这取决于您使用的 RxJS 版本。使用 RxJS < 7.3，您可以使用 defer():

defer(() => {
  loadingFlag = true;
  return this.http.doyourrequest().pipe(
    finalize(() => loadingFlag = false),
  );
});

自 RxJS >= 7.3 起，您可以为 tap() 使用新的事件处理程序:

this.http.doyourrequest().pipe(
  tap({
    subscribe: () => loadingFlag = true,
    finalize: () => loadingFlag = false,
  }),
);