catch api 404 response with Angular2 http

Question

I have api which returns 400 or 404 errors if failed.

When I run the http.get method, it does not catch the error on subscribe and throws error.

Http.get(`api/path/here`).map(res => res.json()).subscribe(
            data => console.log(data),
            error => console.log(error)
        );

Following is the error I get

Answer 1

.subscribe(res=>{
    this.data=res;
    console.log('bye');
 },
 (err)=>console.log(err),
 ()=>console.log("Done")
 );

Try out this way.

Answer 2

You could also use the catch operator

http.get(`api/path/here`)
    .map(res => res.json())
    .catch(
        err => {
          // handle errors
        })
    .subscribe(
        data => console.log(data)
    );