Angular 如何在http调用中设置加载程序指示符

当我调用我的服务时，我想将加载程序设置为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}});
 }

这是我的服务：

   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>

但是在我的服务中，我应该在哪里设置为true和false呢？

您可以这样设置

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

你可以这样设置

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