Cancel / Kill http api call angular 2

Question

Sometimes httpan api call takes a long time to load data. In this case, if we switch to another component, it still continues to execute (we can see it in the browser console). So, is there a way we can cancel or kill the httpapi call when we switch to another component?

Answer 1

You can “kill” it using the method unsubscribe()in the lifecycle event OnDestroy, assuming you are using subscriptions, for example:

mySubscription: any;

ngOnInit() {
    this.mySubscription = this.myHttpCall().subscribe...
}

ngOnDestroy() {
    this.mySubscription.unsubscribe();
}

Answer 2

takeWhile() rxjs, : :

http://brianflove.com/2016/12/11/anguar-2-unsubscribe-observables/