Angular：如何使一个异步函数先后执行

Question

我有一个保存函数，我需要调用另一个函数来获取修订版本号。并在那里进行API调用。因为两者本质上都是异步的。如何使一个功能，使等到其他执行

$scope.getRevision = function(callback){ 
    Api.Product.querymyProdById({ prodId: $scope.editProdId }).$promise.then(function(result) { 
     if (result && result.length>=1 && result[0].effectiveDate != $scope.editProdmyDate) { 
      $scope.editProdRevision = result && result[0].revision +1; 
      callback(); 
     } else { 
      $scope.editProdRevision = 100; 
     } 
    }); 
} 

$scope.saveProd = function(){ 
    $scope.getRevision(function(){}); 

    Api.Product.save({ 
     id: $scope.ProdId; 
     revision:$scope.editProdRevision 
     -some code 

} 

上面的代码我想确保保存API不应该叫，直到我得到的prodRevision。

有什么建议吗？

Answer 1

既然你承诺不要惹回调。让你的功能实际上返回一个承诺，并使用then来链接呼叫。

$scope.getRevision = function(){ 
    return Api.Product.querymyProdById(..).$promise...; 
} 

$scope.saveProd = function() { 
    return $scope.getRevision().then(function() { 
     return Api.Product.save(...); 
    }) 
} 

Answer 2

这正是JavaScript的神发明了回调

$scope.saveProd = function(){ 
    $scope.getRevision(function(){ 
     // this happens after getRevision finished 
     Api.Product.save({ 
      id: $scope.ProdId; 
      revision:$scope.editProdRevision 
      -saome code 
     }); 
    }); 

} 

Answer 3

你可以简单的化妆一个异步调用前一后，像这样的 -

// First Simple GET request example: 
$http({ 
    method: 'GET', 
    url: '/someUrl' 
}) 
.then(function successCallback(response) { 
    // this callback will be called asynchronously 
    // when the response is available 
    // Second Simple GET request example: 
    $http({ 
    method: 'GET', 
    url: '/someUrl' 
    }) 
    .then(function successCallback(response) { 

    }, function errorCallback(response) { 

    }); 
}, function errorCallback(response) { 
    // called asynchronously if an error occurs 
    // or server returns response with an error status. 
});