How can I implement timeout for angular2+ http request

Question

Here is just regular request looking like that:

this.people = http.get('http://localhost:3000/users')                   .map(response => response.json()); 

Is there any way to delay/timeout that?

Answer 1

You can leverage the timeout operator of observables, as described below:

return this.http.get('http://api.geonames.org/postalCodeSearchJSON',           { search: params })     .retryWhen(error => error.delay(500))     .timeout(2000, new Error('delay exceeded')) // <------     .map(res => res.json().postalCodes); 

Answer 2

The return value of http.get() is an observable, not the response. You can use it like:

getPeople() {   return http.get('http://localhost:3000/users')       .timeout(2000)       .map(response => response.json());   } }  foo() {   this.subscription = getPeople.subscribe(data => this.people = data) }  // to cancel manually cancel() {   this.subscription.unsubscribe(); } 

See also https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/timeout.md