Portée ne pas mettre à jour dans la vue après la promesse est résolue

Même si il y a une question similaire pour ce De données n'est pas mise à jour dans la vue après la promesse est résolu mais je suis déjà à l'aide de cette approche et l'affichage n'est pas mis à jour.

J'ai une usine:

'use strict';

myApp
.factory('Factory1', [ '$http','$q','$location', '$rootScope', 'Service', function($http, $q, $location, $rootScope, Service){

    return {

        checkSomething: function(data){

          var deferred = $q.defer();  //init promise

          Service.checkSomething(data,function(response){
                //This is a response from a get request from a service
                deferred.resolve(response);
          });

          return deferred.promise;
        }
    };
}]);

J'ai un contrôleur:

'use strict';

myApp
.controller('MyCtrl', ['$rootScope', '$scope', '$location','Service', 'Factory1' function($rootScope, $scope, $location, Service, Factory1) {


    if(Service.someCheck() !== undefined)
    {
      //Setting the variable when view is loaded for the first time, but this shouldn't effect anything
      $scope.stringToDisplay = "Loaded";

    }


    $scope.clickMe = function(){
      Factory1.chechSomething($scope.inputData).then(function(response){
          $scope.stringToDisplay = response.someData; //The data here is actually being loaded!

      });
    };

}]);

Et la vue:

<div class="app " ng-controller="MyCtrl">    
    {{stringToDisplay}}    
    <button class="button" ng-click="clickMe()">Update display</button>    
</div>

Mais les données ne sont pas mises à jour dans la vue lorsque je clique sur un bouton "mise à Jour de l'affichage". Pourquoi?

Même si le $scope est chargé avec les données

EDIT:

Hm, il semble que je reçois une erreur lorsque je tente de $scope.$apply() et il dit:

[$rootScope:inprog] $digest already in progress

source d'informationauteur Aleks

  1. 10

    Cela pourrait être un condensé du cycle de problème. Vous pourriez essayer:

    ...
$scope.stringToDisplay = response.someData;
$scope.$apply();
...

    Par souci d'exhaustivité, ici est une belle synthèse de la $scope.$apply.

    Edit: j'ai essayé de reproduire l'erreur dans ce violonmais ne le trouvent toutes les questions. Il fonctionne parfaitement, sans $scope.$apply. J'utilise setTimeout afin de simuler les opérations asynchrones, ce qui ne devrait pas déclencher un recueil de cycle par lui-même.

  2. 0

    Essayer ceci à la place de votre fonction 

    $scope.clickMe =$scope.$apply(function(){
      Factory1.chechSomething($scope.inputData).then(function(response){
          $scope.stringToDisplay = response.someData; //The data here is actually being loaded!

      });
    });