Chuỗi hứa hẹn với AngularJS

Question

Tôi có một dịch vụ gọi là paymentStrategy được tiêm vào bộ điều khiển của tôi.

$scope.buy = function() { 
    paymentStrategy.buy() 
    .then(function(response) { 

    } 
} 

Phương thức mua này từ thanh toánChiến lược kích hoạt một số phương pháp cần được gọi tuần tự. Khi tất cả các phương thức bên trong purchase() được thực hiện, thì() cần phải được gọi.

Nó có lẽ là tầm thường nhưng tôi khá mới đến góc cạnh.

Hiện tại, mua(). Sau đó() được kích hoạt ngay sau phương thức init(). Tôi có cảm giác chúng ta cần phải đặt tất cả các phương pháp luận trong một loạt các lời hứa và áp dụng $ q.all().

Bất kỳ sự giúp đỡ hoặc gợi ý sẽ được đánh giá rất

angular.module('deps-app.payment.services', []). 
    factory('paymentStrategy', function($q) { 

var deferred = $q.defer(); 
var ITEM_TO_PURCHASE = "test.beer.managed"; 
var promises = []; 

var handlerSuccess = function(result) { 
     deferred.resolve(result); 
    }; 

var handlerError = function(result) { 
     deferred.reject(result); 
    }; 

_init = function() { 

    inappbilling.init(handlerSuccess, handlerError, { showLog:true }); 
    return deferred.promise; 
    } 

    _purchase = function() { 
     inappbilling.buy(handlerSuccess, handlerError, ITEM_TO_PURCHASE); 
     return deferred.promise; 
    } 

    _consume = function() { 
     inappbilling.consumePurchase(handlerSuccess, handlerError, ITEM_TO_PURCHASE); 
     return deferred.promise; 
    } 

return { 

    buy: function() { 

     _init(); 
     .then(_purchase()); 
     .then(_consume()); 

     return deferred.promise;      
    } 

} 
}); 

Answer 1

Tạo tất cả các phương pháp nguyên tử, bằng cách thêm lời hứa của riêng họ. Trong mã của bạn, resolve đầu tiên sẽ hoàn thành toàn bộ yêu cầu.

Nếu các phương pháp có lời hứa riêng, bạn có thể dễ dàng kết nối chúng.

angular.module('deps-app.payment.services', []).factory('paymentStrategy', function($q) { 
var ITEM_TO_PURCHASE = "test.beer.managed"; 

_init = function() { 
    return $q(function (resolve, reject) { 
    inappbilling.init(resolve, reject, { showLog: true }); 
    }); 
}; 

_purchase = function() { 
    return $q(function (resolve, reject) { 
    inappbilling.buy(resolve, reject, ITEM_TO_PURCHASE); 
    }); 
}; 

_consume = function() { 
    return $q(function (resolve, reject) { 
    inappbilling.consumePurchase(resolve, reject, ITEM_TO_PURCHASE); 
    }); 
}; 

return { 
    // In this case, you don't need to define a additional promise, 
    // because placing a return in front of the _init, will already return 
    // the promise of _consume. 
    buy: function() {  
    return _init() 
     .then(_purchase) 
     // remove() from inside the callback, to pass the actual method 
     // instead the result of the invoked method. 
     .then(_consume);  
    }  
}; 

});

Answer 2

Nếu bạn cần lời hứa chuỗi trong tuần tự kiễu góc, bạn chỉ có thể trả lại những lời hứa từ một đến khác:

callFirst() 
.then(function(firstResult){ 
    return callSecond(); 
}) 
.then(function(secondResult){ 
    return callThird(); 
}) 
.then(function(thirdResult){ 
    //Finally do something with promise, or even return this 
}); 

Và nếu bạn muốn trả lại tất cả điều này dưới dạng API:

function myMethod(){ 
    //Return the promise of the entire chain 
    return first() 
      .then(function(){ 
       return second(); 
      }).promise; 
}