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. 
});