你如何处理链式承诺中的错误?

时间:2016-03-10 07:09:09

标签: javascript angularjs xmlhttprequest promise

我正在构建一个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);
  }
}

1 个答案:

答案 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);
  })