Угловой $ http POST не может получить ответ, когда 400 плохой запрос

Question

Код переднего конца POST учетных данных пользователя на заднем конце, а если учетные данные недействительны, то ответы на серверном сервере 400 плохой запрос и данные ответа ниже

{ 
    "error": "invalid_grant", 
    "error_description": "Invalid username or password" 
} 

Я вижу этот ответ на вкладке сети в браузере, а также в приложении postman chrome.

По какой-то причине я не могу получить этот ответ или уловить ошибку или статус ошибки. Подпишитесь, пожалуйста, на мой код фрагментов ниже

newLoginAuth: function(credentials) { 
    var deferred = $q.defer(); 

    $http({ 
    url: 'https://myserver.com/api/connect/token', 
     method: "POST", 
     data: { 
     'username': credentials.username, 
     'password': credentials.password, 
     'clientId': 'clientId', 
     'clientSecret': 'Y2xpZW50U2VjcmV0' 
     }, 
     headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8' }, 

     transformRequest: function(obj) { 
     var str = []; 
     for(var p in obj) 
      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); 
      return str.join("&"); 
     } 
     }) 
     .then(function(response) { 
     deferred.resolve(response); 
     }, function(response) { 
     deferred.reject(response); 
     }); 

     return deferred.promise; 
    } 


myService.newLoginAuth({username: self.userName, password: self.password}) 
      .then((result) => { 

      console.log(result); //undefined 
      }); 

Может кто-нибудь мне помочь? Я здесь что-то не так?

Answer 1

Объект ответа имеет следующие свойства:

data – {string|Object} – The response body transformed with the transform functions. 
status – {number} – HTTP status code of the response. 
headers – {function([headerName])} – Header getter function. 
config – {Object} – The configuration object that was used to generate the request. 
statusText – {string} – HTTP status text of the response. 

if(response.status == 400) alert('Bad Request');