Angular JS: Chaînes de promesses et cycle de digestion

REMARQUE: le violon utilise une vieille version de Coudé, et qu'il ne fonctionne pas plus parce que de 1,2 Angulaire moteur de template ne gère pas les promesses de manière transparente.

Je suis à la recherche dans le chaînage de promesses pour remplir ma portée, et puis d'avoir le champ mettre à jour automatiquement les dom.

Je suis en cours d'exécution dans des problèmes avec ce si.. Si je l'appelle "puis" déjà résolu promesse, il crée une nouvelle promesse (qui appellera le succès de la fonction de manière asynchrone, mais presque immédiatement). Je pense que le problème est que nous avons déjà laissé l'empreinte de cycle par le temps, le succès de la fonction est appelée, pour les dom jamais mises à jour.

Voici le code:

<div ng-controller="MyCtrl">
    Hello, {{name}}! <br/>
    {{name2}}<br/>
    <button ng-click="go()">Clickme</button><br/>
    {{name3}}
</div>

var myApp = angular.module('myApp',[]);

function MyCtrl($scope, $q) {
    var data = $q.defer();    
    setTimeout(function() {$scope.$apply(data.resolve("Some Data"))}, 2000);
    var p = data.promise;

    $scope.name = p.then(angular.uppercase);
    $scope.name2 = p.then(function(x) { return "Hi "+x;});
    $scope.go = function() {
            $scope.name3 = p.then(function(x) { 
                //uncomment this to make it work:
                //$scope.$apply();
                return "Finally: "+x;
            });
    };
 }

http://jsfiddle.net/QZM4d/

Est-il un moyen de faire ce travail sans faire appel $s'appliquent à chaque fois que j'chaîne promesses?

source d'informationauteur Karen Zilles

  1. 15

    NOTE: le violon utilise une vieille version de Coudé, et qu'il ne fonctionne pas plus parce que de 1,2 Angulaire moteur de template ne gère pas les promesses de manière transparente.

    À citation @pkozlowski.opensource:

    Dans AngularJS les résultats de la promesse de résolution sont propagées de manière asynchrone, à l'intérieur d'un $digest cycle. Ainsi, les rappels enregistrés auprès de l'époque() sera appelée uniquement lors de la saisie d'un $digest cycle.

    Ainsi, lorsque le bouton est cliqué, nous sommes dans un condensé de cycle. alors() crée une nouvelle promesse, mais les résultats de cette époque() ne sera pas propagée jusqu'à la prochaine digérer cycle, qui ne vient jamais (car il n'y a pas de $timeout, ou $http, ou DOM événement à déclencher une). Si vous ajoutez un autre bouton avec ng-click qui ne fait rien, puis cliquez sur qu'il sera la cause d'un recueil de cycle et vous verrez les résultats:

    <button ng-click="">Force digest by clicking me</button><br/>

    Voici un violon qui le fait.

    Le violon utilise également $timeout au lieu de setTimeout -- $apply() n'est pas nécessaire.

    J'espère que c'est clair quand vous avez besoin d'utiliser $s'appliquent. Parfois, vous avez besoin de l'appeler manuellement.