AngularJS pas de mise à jour variable de modèle lors des changements de périmètre

Ce sera l'une de ces questions stupides qui est très évident pour les experts.

J'ai un websocket envoi de données à un service où je suis en train de stocker les données et l'ont poussé à un modèle par l'intermédiaire de mon contrôleur.

Les données sont à venir dans et la mise à jour de la variable, mais l'INTERFACE utilisateur uniquement les mises à jour-je effectuer une action sur les données:

services.factory('Summary', ['$q','$rootScope','$http', '$location', function ($q, $rootScope,$http, $location) {

var Service = {};
Service.dataObj = {};
Service.dataObj.d = {"gello":"goodbye"};
....
function listener(data) {
   messageObj = data;
    Service.dataObj.d = data;
  console.log("Received data from websocket: ", messageObj);

}
})]);


controllers.controller('UserCtrl', ['$scope', 'Summary',
function ($scope, Summary) {

    $scope.click = function(){
        alert(JSON.stringify($scope.summaryinfo));
    }
    $scope.summaryinfo = [Summary.dataObj];
    $scope.summarygridOptions = {
        data: 'summaryinfo'
    };
    console.log("hello");
}]);

Les données est pompé dans et aussi loin que j'étais au courant, parce que son être stockées dans le Service.dataObj.d si je pointe mon template HTML au Service.dataObj que l'objet est en cours de mise à jour et ce n'est pas remplacé, de sorte que le pointeur et l'objet regardé.

Mais elle ne change pas à moins que j'ai exécuté la méthode click (), auquel cas l'INTERFACE utilisateur est affecté, même si je suis en train de déclencher une alerte.

Ce qui me manque?

essayez d'utiliser la portée.$appliquer pour appliquer la modification.
passer 4 heures la nuit dernière à essayer de comprendre ce que l'enfer qui se passe... me suis réveillé ce matin, vu votre question et il fixe en 3 minutes! Grâce bugg_tb!

OriginalL'auteur bugg_tb | 2014-01-06

  1. 21

    Vous avez probablement besoin d'utiliser $apply():

    $apply() est utilisée pour exécuter une expression dans angulaire de l'extérieur de l'angle du cadre. (Par exemple à partir du navigateur d'événements DOM, setTimeout, XHR ou de bibliothèques tierces).

    function listener(data) {
   $scope.$apply(function() {
       Service.dataObj.d = data;
   });
}
    Merci les gars, savait qu'il serait évident. J'ai des appels similaires dans un autre projet, mais clairement, l'initialisation doit être différent que je n'ai pas compter sur $s'appliquent. Comme toujours quelque chose de nouveau à apprendre 🙂

    OriginalL'auteur JB Nizet