Как поймать HTTP ответ ошибки в угловом

Question

фона

• Моей Угловой приложение взаимодействует с базой данных с помощью набора API конечных точек.
• «пользователь/аутентификация» конечных точек принимает имя пользователя и пароль и возвращает сообщение об успешном завершении (200) или отрицательном запросе (400).

Контроллер

authService.login(email, password) 
    .success(function (response) { 
     /* go to application */ 
    }) 
    .error(function (response) { 
     /* display proper error message */ 
    }); 

аутентификации Сервис

factory.login = function(email, password) { 
    return $http({ 
     method: 'POST', 
     url: "http://myserver/user/authenticate", 
     data: $.param({email: email, password: password}), 
     headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
    }); 
} 

Проблема

Когда имя пользователя и пароль не удается, и API возвращает 400 ответ, даже хотя я уловил ошибку, и я показываю правильное сообщение пользователю, ошибка появляется в консоли браузера.

POST http://myserver/user/authenticate 400 (Bad Request) 

Могу ли я обрабатывать ошибки в лучшем виде?

Answer 1

Попробуйте

factory.login = function(email, password) { 
    return $http({ 
     method: 'POST', 
     url: "http://myserver/user/authenticate", 
     data: $.param({email: email, password: password}), 
     headers: {'Content-Type': 'application/x-www-form-urlencoded'} 
    }).then(function (response) { 
     /**Check here your status code 400 if you found that status code is 400 the reject the promise**/ 
      if (statuscode !==400) { 
         return response.data; 
        } else { 
         // invalid response 
         return $q.reject(response.data); 
        } 

     }, function (response) { 
      // something went wrong 
      return $q.reject(response); 
     }); 
} 

, а затем использовать следующий код

authService.login(email, password) 
     .then(function (response) { 
      /* go to application */ 
     },function(error) { 
       console.log(error); /* catch 400 Error here */ 
    });