Wie ajaxStart und ajaxStop Ereignisse in Angular2 Weise

Question

Ich muss auslösen ähnlich wie JQuery Ereignisse ajaxStart und ajaxStop Ich fand eine halbe Lösung hier zu handhaben -> How to set default HTTP header in Angular2? Also, im Moment habe ich einen ajaxStart umgehen kann Veranstaltung.

Irgendwelche Lösungen, wie mit ajaxStop Ereignis umzugehen?

post(url: string, body: string, options?: RequestOptionsArgs): Observable<Response> { 
    //onAjaxStart 
    $("#loader").show(); 
    return super.post(url, body, options); //Any method here to handle event? 
} 

Ich versuchte .catch() zu verwenden, aber es feuert nur onError

ich bei Ajax Brände mein belebtes loader rufen müssen, und es verstecken, wenn es jedes Mal, wenn ich Anfrage verwenden Ajax stoppt.

So versuche ich Standard-Ajax-Methoden zu überschreiben. . Aber ich nicht richtig beobachtbaren Methode finden kann (

Answer 1

Sie könnten die „endlich“ Betreiber von beobachtbaren nutzen

Hier ist ein Beispiel für die Verwendung:

post(url: string, body: string, options?: RequestOptionsArgs): Observable<Response> { 
    //onAjaxStart 
    $("#loader").show(); 
    return super.post(url, body, options).finally(() => { 
     //onAjaxStop 
     $("#loader").hide(); 
    }); 
}