Bas Bas - 1 month ago 40
AngularJS Question

Angular 2 HTTP get handling 404 error

I have a service which served an empty json, but i am getting these errors. If i use https://jsonplaceholder.typicode.com/posts/6 then its ok. How can i handle these errors in the correct way?

Service:

constructor( private http:Http ) { }

fetchData(){
return this.http.get('https://jsonplaceholder.typicode.com/psts/6')
.map(
(res) => res.json()
)
.subscribe(
(data) => console.log(data)
);
}


Error:

enter image description here

Answer

You need to pass a second callback to the subscribe method. This callback will execute when there is an error.

function handleError(error) {
  console.log(error)
}

fetchData(){
  return this.http.get('https://jsonplaceholder.typicode.com/psts/6')
      .map(
          (res) => res.json()
      )
      .subscribe(
        (data) => console.log(data),
        (error) => handleError(error)
  );
}