Angular $http not handling error

Question

My angular app doesn't handle the errors in $http calls.

I have a $httpProvider where I return $q.reject(response) in errorResponse as required by documentation. In the console the angular just puts angular.min.js:99 GET http://localhost:8080/my/api 500 (Internal Server Error).

Code

console.log('before');
$http.get('/my/api', function(response){
   console.log('ok');
   console.log(response);
}, function(response){
    console.log('not ok');
    console.log(response)
});
console.log('after');

I just get 'before', 'after' and the message above.

Also in the network tab I get the expected response from server with status 500 and a json content in the body.

Except for the $httpProvider's errorResponse without a return $q.reject(), what could be the problem?

Pankaj Parkar · Accepted Answer · 2016-03-24 18:42:00Z

5

You have syntactical mistake, you should use .then function and then put success & error callback to them.

Code

$http.get('/my/api').then(function(response){
   console.log('ok');
   console.log(response);
}, function(response){
    console.log('not ok');
    console.log(response)
});

What I understood by your code/question is, you are expecting to get error callback function to execute, but it is not doing that. If I missed something then do ask same in comments.

answered Mar 24, 2016 at 18:42

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Collectives™ on Stack Overflow

Angular $http not handling error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related