Angular2 http request in an interval

Question

I m trying to make a request every 3 seconds and print out the response but until now no luck :( . I m pretty new to the Observables, so what am I doing wrong ?

checkConnection() {

const URL = "https://www.google.at/";

Observable.interval(3000)
  .flatMap(() => this.http.get(URL).map(res => res.json()).catch((error:any) => Observable.throw(error.json().error || 'Server error'))
  .subscribe(data => {
     console.log(data)
  })

  )
    }

score 3 · Answer 1 · answered Mar 30 '17 at 18:03

You need to subscribe to the Observable that comes from the flatMaps response like this:

Observable.interval(3000)
      .flatMap(() => this.http.get(URL)
      .map( res => res.json() )
      .catch( (error:any) => Observable.throw(error.json().error || 'Server error') ) )
      .subscribe(data => {
         console.log(data)
      })

And https://www.google.at/ needs to enable cross-domain requests in order for you to get the data.

Example plunker that you can work on: http://plnkr.co/edit/Nz0LZJDSPcUZlYOHU3p7?p=preview

Angular2 http request in an interval

1 Answers1