Javascript Girl
  1. Javascript Girl
  3. Promesses en chaîne avec AngularJS
Intereting Posts
Canvas vs SVG pour des jeux simples Comment gérer le rendu récursif des données en utilisant AngularJS Js angulaire – Afficher le message si ng-repeat est vide Créer un bloc binaire dans JS Quel est le $$ (double dollar) utilisé pour les angulaires? JavaScript ecma6 change la fonction normale en fonction de la flèche Désactiver Double Tap To Click On Touchscreen iOS Devices Val.replace (/ / g, '') produisent SyntaxError: plage invalide dans la classe de caractères Comment puis-je changer la langue du navigateur avec Javascript Boucle avec promesses natives; Disposer des tableaux Javascript Comment supprimer le cache angulaire $ modal? Cliquez sur le gestionnaire sur l'élément <svg> Android webview SKIPS javascript même avec setJavascriptEnabled (true) et WebChromeClient J'utilise jsTree et jsTree Grid et les données dans ma deuxième colonne sont défavorables

Promesses en chaîne avec AngularJS

J'ai un service appelé paymentStrategy qui est injecté dans mon contrôleur. 

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

Cette méthode d'achat de paymentStrategy déclenche plusieurs méthodes qui doivent être appelées séquentiellement. Lorsque toutes les méthodes d'achat () sont terminées, alors () doit être appelé.

C'est probablement trivial, mais je suis tout à fait nouveau à l'angulaire.

À l'heure actuelle, achetez (). Puis () se déclenche immédiatement après les méthodes init (). J'ai le sentiment que nous devons mettre toutes ces méthodes dans une série de promesses et appliquer $ q.all ().

Toute aide ou suggestion serait grandement appréciée 

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

Effectuez toutes les méthodes atomar, en ajoutant leurs propres promesses. Dans votre code, la première resolve la totalité de la demande.

Si les méthodes ont leur propre promesse, vous pouvez les chaîner facilement. 

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

});

Si vous devez chaîner les promesses en séquence angulaire séquentiellement, vous pouvez simplement renvoyer les promesses de l'un à l'autre: 

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

Et si vous souhaitez renvoyer tout cela comme une API: 

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