Angular Promise 响应检查

Question

我正在 Angular 中进行一些 http 调用，并在发生错误时尝试调用不同的服务函数。但是，无论我原来的服务调用函数返回如何，它返回的承诺始终是“未定义的”。这是一些给出上下文的代码：

  srvc.sendApplicantsToSR = function (applicant) {
    var applicantURL = {snip};

var promise = $http({
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
    },
    method: 'POST',
    url: applicantURL,
    data: applicant
})
  .success(function (data) {
    return data;
  })
  .error(function (error) {
    return [];
  });

  return promise;
  };

然后，在控制器中：

for (var applicant in $scope.applicants) {
            $scope.sendATSError($scope.sendApplicantsToSR($scope.applicants[applicant]), applicant);
       }

$scope.sendATSError = function (errorCheck, applicantNumber) {
      if (angular.isUndefined(errorCheck)) {
      console.log(errorCheck);
        AtsintegrationsService.applicantErrorHandling($scope.applicants[applicantNumber].dataset.atsApplicantID);
      }
    };

但是，它总是发送错误，因为每个响应都是未定义的。如何正确区分两个退货？谢谢！

Answer 1

看angular documentation，示例代码是

$http({
  method: 'GET',
  url: '/someUrl'
}).then(function successCallback(response) {
    // this callback will be called asynchronously
    // when the response is available
  }, function errorCallback(response) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

基于此 - 你的第一个代码 sn-p 应该是

 srvc.sendApplicantsToSR = function(applicant) {
     var applicantURL = {
         snip
     };

     return $http({
         headers: {
             'Content-Type': 'application/x-www-form-urlencoded'
         },
         method: 'POST',
         url: applicantURL,
         data: applicant
     });
 };

Answer 2

正如其他人所说，$http 的 .success() 和 .error() 已弃用，取而代之的是 .then()。

但是您实际上不需要将.then() 链接到.sendApplicantsToSR()，因为您不需要（永远）处理成功交付的data 或处理（此时）不成功的错误。

$scope.sendApplicantsToSR = function (applicant) {
    var applicantURL = {snip};
    return $http({
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        method: 'POST',
        url: applicantURL,
        data: applicant
    });
};

现在，在调用者中（您在for 循环中的代码行），返回了一个promise（不是数据），并且该promise 将在解决时沿着其成功路径或它的错误路径。这些路径上发生的确切情况完全取决于您在一个或多个链接的 .thens 中编写的回调函数。

所以你需要写的是问题内容的一种由内而外的版本——外部是$scope.sendApplicantsToSR()，内部是$scope.sendATSError()——并与.then()链接在一起。

for (var prop in $scope.applicants) {
    var applicant = $scope.applicants[prop];
    $scope.sendApplicantsToSR(applicant).then(null, $scope.sendATSError.bind(null, applicant));
}
// Above, `null` means do nothing on success, and 
// `function(e) {...}` causes the error to be handled appropriately. 
// This is the branching you seek!!

通过传递错误处理程序applicant，$scope.sendATSError() 将简化为：

$scope.sendATSError = function (applicant) {
    return AtsintegrationsService.applicantErrorHandling(applicant.dataset.atsApplicantID); // `return` is potentially important.
};

您可能想知道的唯一另一件事是所有承诺何时都已解决，但最好在另一个问题中解决。

Answer 3

您应该返回您的承诺，由控制器自己处理。

简化：

.factory('myFactory', function() {
    return $http.post(...);
})
.controller('ctrl', function(){
    myFactory()
        .success(function(data){
             // this is your data
        })
})

工作示例：

angular.module('myApp',[])
.factory('myName', function($q, $timeout) {
    return function() {
        var deferred = $q.defer();
        $timeout(function() {
            deferred.resolve('Foo');
        }, 2000);
        return deferred.promise;
    }
})
.controller('ctrl', function($scope, myName) {
    $scope.greeting = 'Waiting info.';
    myName().then(function(data) {
       	$scope.greeting = 'Hello '+data+'!';
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="ctrl">
    {{greeting}}!
</div>