Factory - Then 和 Catch Promise Chaining AngularJS

Question

我在工厂内部链接承诺或将其移交给控制器时遇到了这种棘手的情况。

几个相同的问题：

哪一个是有益的？在工厂函数或控制器中写入 then 和 catch。
业务场景
性能优势

之前我曾经在工厂方法中编写这样的 then 和 catch 链接：

function searchReservations(lastName, arrivalDate)
    {
       // alert(lastName + ' ' + arrivalDate)

          return $http({
          method: 'GET',
          url: baseUrl + '/reservation?lastName='+lastName+'&arrivalDate='+arrivalDate
          })
            **.then(success)
            .catch(failure);**

          function success(response) {
            return response;
          }

          function failure(error) {
            console.log('XHR Failed for searchReservation' + error.data);
            return error;
          }
    }

但是作为一个新趋势，我看到 then 和 catch 都被写在了 controller 函数中。有点像这样。

HRS.searchReservations(this.searchLastName, arrivalDate).then(function(response) {
...
}).catch(function(response){
...
})

更具体地说，关于业务案例和性能优势，我想知道这里的区别。

谢谢，安琪特

Answer 1

我用的是第一个。我发现它更简洁、更易于阅读，并且允许您命名您的方法以使其更加清晰。

在服务中，我的成功和错误函数将响应数据转换为我的控制器将使用的视图模型格式。

然后在我的控制器中，我还有一个成功和错误函数来处理以有意义的方式显示该输出。但是控制器只对数据的显示感兴趣，服务处理任何转换、localStorage 等。

另外，如果你的服务中有一个失败方法，你需要return $q.reject(error)如果你想让它触发你的控制器的catch函数。

旁注，您可以使用 params: ... 轻松干净地将查询参数附加到您的 url:

{
  method: 'GET',
  url: baseUrl + '/reservation',
  params: {
    lastName: lastName, 
    arrivalDate: arrivalDate
  }
}

我喜欢如何构建服务方法：

function searchReservations (lastName, arrivalDate) {
  var config = {
    method: 'GET',
    url: baseUrl + '/reservation',
    params: {
      lastName: lastName, 
      arrivalDate: arrivalDate
    }
  };
  return $http(config).then(success).catch(error);

  ////////////

  function success (response) {
    return response;
  }

  function error (response) {
    console.log('XHR Failed for searchReservation' + response.data);
    return $q.reject(response);
  }
}

注意，在这种情况下你甚至不需要 success 方法，因为它什么都不做，所以你可以像这样完全跳过它：return $http(config).catch(error)。您控制器上的任何 .then(...) 仍将被触发。

Factory - Then 和 Catch Promise Chaining AngularJS

Factory - Then and Catch Promise Chaining in AngularJS

javascript

web-services

promise

angularjs

angular-promise