Angular 2 HTTP call with interval via Rxjs interval operator

Question

When I try to make http call like this:

return this.http.get(this.url).map(res => res.json());

everything is expected I have correct response without errors, but when I try to make http call with interval (via RxJS operator interval) I have an error.

My code looks:

 return Observable.interval(1000).map(() => { return this.http.get(this.url).map(res => res.json()); });

Error:

ZoneAwareError {__zone_symbol__error: Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/node_modules/rxjs Error: …, __zone_symbol__stack: "(SystemJS) XHR error (404 Not Found) loading http:…alhost:3000/app/home/components/home.component.js", originalErr: ZoneAwareError}

What behavior are you trying to accomplish here? You just want to make an API call every second? — Jesse Carter
– Jesse Carter, Commented Feb 6, 2017 at 17:51

Maximilian Riegler · Accepted Answer · 2017-02-06 16:54:33Z

2

You have to use .flatMap() and IntervalObservable to get data from another Observable:

return IntervalObservable .create(1000) .flatMap(() => { return this.http.get(this.url).map(res => res.json()); });

edited Feb 6, 2017 at 16:54

answered Feb 6, 2017 at 16:39

Maximilian Riegler

23.6k4 gold badges65 silver badges73 bronze badges

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

13 Comments

S.Hagvin Over a year ago

But now I have an error:

EXCEPTION: Error in ./AppComponent class AppComponent - inline template:1:14 caused by: Observable_1.Observable.interval(...).flatMap is not a function

Maximilian Riegler Over a year ago

Updated my answer - API seems to have changed, you need to use IntervalObservable nowadays.

S.Hagvin Over a year ago

What does mean IntervalObservable ? I should import it or declare?

S.Hagvin Over a year ago

I have done it, but I still have error:

EXCEPTION: Error in ./AppComponent class AppComponent - inline template:1:14 caused by: IntervalObservable_1.IntervalObservable.create(...).flatMap is not a function

. Should I import flatMap manually?

Maximilian Riegler Over a year ago

Possibly, if you don't Import the whole rxjs namespace

|

Collectives™ on Stack Overflow

Angular 2 HTTP call with interval via Rxjs interval operator

1 Answer 1

13 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

13 Comments

Related