comment suivre les demandes HTTP en attente dans l'angle 2

Question

Je veux un autre angulaire à 1 $ http.pendingRequest dans Angular 2 ou quelque chose à suivre globalement comme des intercepteurs. Principalement pour montrer une icône de chargement tandis que les appels sont été faites

Answer 1

Vous pouvez faire quelque chose comme ceci:

getItem(itemID:string){ 
    if(this.pendingRequest){ 
     this.pendingRequest.unsubscribe(); 
    } 
    this.pendingRequest = this.http.get(`./country-info/${itemID}`).map((res: Response) => res.json()).subscribe(res => this.item = res.item); 
} 

Answer 2

je voudrais maintenir probablement l'état de l'icône alors que l'observable n'a pas retourné.

Exemple:

export class MyClass { 
    private isLoaded = false; 

    constructor(private myService: MyService){} 

    ngOnInit(){ 
     this.myService.myServiceCall().subscribe(data => { 
      console.log(data); 
      this.isLoaded = true; 
     }); 
    } 

} 

Ensuite, utilisez *ngIf la boîte de dialogue. Vous pouvez également envisager d'utiliser le canal async fourni par Angular pour des scénarios comme celui-ci:

https://angular.io/docs/ts/latest/api/common/index/AsyncPipe-pipe.html