我正在构建一个Angular应用程序,并且有一个执行XHR的工厂,并将promise发送给调用它的控制器。当我收到错误时,它会在工厂失败方法中被捕获,但因为我将其作为承诺返回,它仍然在控制器中调用success方法。有没有办法让我可以将工厂错误传递给控制器失败方法并阻止调用控制器成功方法?原因是我想在客户端正确显示成功和错误通知。我只是完全错了吗?
示例工厂方法:
function add(payload) {
return $http.post('/companies', payload)
.then(success)
.catch(fail);
function success(response) {
return response.data;
}
function fail(error) {
$log.log('Company Factory XHR failed: ', error.data);
}
}
对应的控制器方法:
function add(isValid) {
if (isValid) {
var payload = {
company: vm.new_company
};
companyFactory.add(payload)
.then(success)
.catch(fail);
}
function success() {
getCompanies();
vm.new_company = {};
toastrFactory.success("Added company!");
}
function fail(err) {
$log.log('Companies Controller XHR Failed: ' + err.data);
}
}
答案 0 :(得分:1)
如果您在控制器中处理承诺,则不需要在工厂中处理承诺。
在工厂你想要
return $http.post('/companies', payload);
然后处理它就像你已经在你的控制器中一样,你很高兴。
使用.then和.catch是承诺的功能,你现在在工厂里做的方式,你没有回复承诺,你在承诺解决后返回其他东西。您只想单独返回promise,即$ http.post()函数。
编辑: 为了增加一点深度,这就是我为这种东西设置工厂的方式......
function factory() {
var self = {};
self.addCompany = function(payload) {
return $http.post('/companies', payload);
}
return self;
}
然后在像
这样的控制器中处理它factory.addCompany(payload)
.then(function(data) {
console.log('success', data);
})
.catch(function(data) {
console.log('something happened', data);
})