Error handling in AngularJS http get then construct

Question

How can I handle an HTTP error, e.g. 500, when using the AngularJS "http get then" construct (promises)?

$http.get(url).then(     function(response) {         console.log('get',response)     } ) 

Problem is, for any non 200 HTTP response, the inner function is not called.

Answer 1

You need to add an additional parameter:

$http.get(url).then(     function(response) {         console.log('get',response)     },     function(data) {         // Handle error here     }) 

Answer 2

You can make this bit more cleaner by using:

$http.get(url)     .then(function (response) {         console.log('get',response)     })     .catch(function (data) {         // Handle error here     }); 

Similar to @this.lau_ answer, different approach.