angular - 如何在 http 调用 angular 中设置加载程序指示器

Question

当我调用我的服务时，我想将加载程序设置为 true，一旦加载完成，我想将其设置为 false，这是我调用我的服务的地方：

   this.service.getEventLog(e.turID, dtFrom, dtTo).subscribe(s => {
    this.eventlogs = s;
  });

这是我的服务：

getEventLog(ip,from,to){

 
return this.http.post(this.url_event_log,{},{params:{id: ip,dtFrom: from,dtTo:to}});
 }

我有根据值设置加载器的布尔字段：

  <div *ngIf="loading" class="k-i-loading"></div>

但是在我的服务中，我应该在哪里设置真假？

标签： angular

Answer 1

你可以这样设置，

getEventLog(){
  this.loading=true;
  this.service.getEventLog(e.turID, dtFrom, dtTo).subscribe(s => {
    this.eventlogs = s;
  }, (err) => {
    this.loading=false;
  }, () => {
    this.loading=false;
  }));
}