Cancel /Kill http api call angular 2

Question

Sometimes http api call takes long time to load data. In this case, if we move on another component, it still keeps executing (we can see it in browser console). So, is there any way by which we can cancel or kill http api call when we move on another component?

Stefan Svrkota · Accepted Answer · 2017-01-18 12:38:08Z

4

You can "kill" it by using unsubscribe() method in OnDestroy lifecycle event, under assumption you are using subscriptions, for example:

mySubscription: any;

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

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

answered Jan 18, 2017 at 12:38

Stefan Svrkota

50.8k10 gold badges100 silver badges88 bronze badges

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

2 Comments

Jeeten Parmar Over a year ago

Thank you... :) By using this, I can unsubscribe() one api but is there any way by which i can unsubscribe() multiple apis by using just one variable.

user966614 Over a year ago

You can use the takeWhile() function from rxjs to unsubscribe all the subscriptions: Example: brianflove.com/2016/12/11/anguar-2-unsubscribe-observables

Petter Friberg · Accepted Answer · 2017-09-13 09:24:53Z

1

You can use the takeWhile() function from rxjs to unsubscribe all the subscriptions: Example:

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

edited Sep 13, 2017 at 9:24

Petter Friberg

21.8k10 gold badges67 silver badges116 bronze badges

answered Sep 13, 2017 at 9:19

user966614

1911 gold badge2 silver badges9 bronze badges

Collectives™ on Stack Overflow

Cancel /Kill http api call angular 2

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related