how to set loader indicator in http call angular

Question

when i call my service i want to set the loader to true,and once the load is done i want to false it,here is where i call my service:

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

and here is my service:

getEventLog(ip,from,to){

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

I have boolean field which according to the value set the loader:

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

but where in my service i should set to true and false?

stackoverflow.com/questions/60207721/…

Eliseo
– Eliseo

2020-10-13 06:40:20 +00:00
Commented Oct 13, 2020 at 6:40 — Eliseo
– Eliseo, Commented Oct 13, 2020 at 6:40

Tony · Accepted Answer · 2020-10-13 04:49:05Z

2

you can set like this,

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

answered Oct 13, 2020 at 4:49

Tony

9105 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to set loader indicator in http call angular

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related