我正在做http.post请求,我正在尝试显示错误消息以防出现任何问题。我正在处理服务中的错误消息,然后将其传递给控制器并在$ scope中设置它。我没有得到任何JS错误....任何想法为什么会这样?
services.js
angular.module('app.services', [])
.factory('Model', function($http) {
Model.save = function(data) {
return $http.post(url, data)
.success(function(data, status, headers) {
console.log(data);
console.log(status);
console.log(headers);
})
.error(function(data, status, headers) {
var requestError = 'Something went wrong! :(';
return requestError; //pass error message back to $scope
});
}
return Model;
});
controllers.js
.controller('Ctrl', function($scope, Model) {
//form object data
$scope.formInfo = {};
//form save
$scope.saveData = function() {
//console.log($scope.formInfo);
$scope.requestError = '';
//form data
var data = {name: $scope.formInfo.name, description: $scope.formInfo.description, token: "/api/v1/tokens/1/"};
Model.save(data).then(function(requestError) {
alert(requestError);
if (requestError === '') {
//do nothing for now
}
else {
$scope.requestError = requestError;
}
});
};
})
答案 0 :(得分:7)
承诺有两种最终状态:已解决(成功)或被拒绝(错误)。
在控制器中,如果要访问这两种状态,then()
函数需要两个不同的处理程序。第一个处理程序仅接收来自服务的已解决(成功)承诺。要处理来自服务的拒绝(错误)承诺,您还需要这样的内容:
Model.save(data).then(function(success) { ... }, function(error) { ... });
如果由于某种原因只关心错误,请使用其中任何一个(相当于):
Model.save(data).then(null, function(error) { ... });
Model.save(data).catch(function(error) { ... });
在您的服务中,确保在发生错误时实际上已将拒绝(错误)承诺返回给控制器。您可以使用return $q.reject(requestError)
代替return requestError
来完成此操作。
重要说明:由于您使用的是$http
,因此在HTTP错误的情况下,这已经拒绝了承诺。如果您不处理服务中的拒绝(错误)承诺,它们将自动传递给控制器的错误处理程序。您可能只想让$http
拒绝通过,不在服务中有错误处理程序。您只需删除服务中的.error()
即可完成此操作。这允许控制器直接处理HTTP错误。 (这可能是也可能不是,这取决于你想要做什么样的错误处理。)
我倾向于使用HTTP服务的基本模式如下所示,它只返回已下载数据的已解决承诺,或者将$http
中被拒绝的承诺(错误)直接返回给控制器:
return $http.get(config).then(function(success) { return success.data });