Angular 2 rxjs timeout callback

Question

I want to provide feedback to the user if a timeout event on a HTTP call happens.

I tried this:

return this._http
                .post(apiUrl + 'Search/Everything', params, {withCredentials: true, headers: this.headers})
                .timeout(5000, this._feedbackService.error("Custom error message"))
                .map((response: Response) => response.json().data);

But that fires the feedback service as soon as the HTTP call is made.

How do I fire the service when the timeout kicks in?

cartant · Accepted Answer · 2016-08-17 09:23:12Z

9

Assuming _feedbackService.error returns an Error, you should be able to do what you need with the timeoutWith and defer operators:

import "rxjs/add/observable‌/defer";
import "rxjs/add/observable‌/throw";
import "rxjs/add/operator/timeoutWith";
import { Observable } from "rxjs/Observable‌";

return this._http
    .post(apiUrl + 'Search/Everything', params, {withCredentials: true, headers: this.headers})
    .timeoutWith(5000, Observable.defer(() => Observable.throw(this._feedbackService.error("Custom error message"))))
    .map((response: Response) => response.json().data);

edited Aug 17, 2016 at 9:23

answered Aug 17, 2016 at 8:43

cartant

58.6k17 gold badges169 silver badges201 bronze badges

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

8 Comments

cartant Over a year ago

Sorry. I answered this and then realised I'd misread the question. I've updated the answer.

Glenn Utter Over a year ago

What do I need to import besides rxjs/add/operator/timeoutWith to make this work? (the "Rx." part that is).

cartant Over a year ago

You will need import "rxjs/add/observable/defer" and import "rxjs/add/observable/throw", too.

Glenn Utter Over a year ago

I still get a red squiggly line under "Rx.".

cartant Over a year ago

Sorry. Updated the code to use the minimal Observable together with the appropriate import statements.

|

Collectives™ on Stack Overflow

Angular 2 rxjs timeout callback

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related