Question

我想显示在处理http请求时正在加载微调器。但是我有一个问题，因为即使我没有活动的订阅者，当我返回observable时，微调器也会调用。仅当有人订阅http时，如何调用showSpinner（）函数？

private request(type, args={}){
  this.showSpinner();
  return this.http.post(this.apiUrl+type,args);
}

Answer 1

仅当调用subscribe（）时，才可以使用defer（）函数创建实际的可观察对象，从而在那时显示微调器：

return defer(() => {
  this.showSpinners();
  return this.http.post(this.apiUrl+type, args);
});

Answer 2

您可以使用this.http.post来包装HTTP调用defer。这是RxJS 6示例：

import { defer } from 'rxjs';

private request(type, args={}){
  return defer(
    () => {
      this.showSpinner();
      return this.http.post(this.apiUrl+type,args);
    })
    .pipe(
      finalize(() => this.hideSpinner()),
    );
}

Angular 5 http客户端，在订阅时执行功能

2 个答案: