AngularJS ngRepeat güncelleştirme modeli

Question

html table oluşturmak için ng-repeat kullanıyorum. Benim denetleyicisi böylece benziyor: Gördüğünüz gibi, ben periyodik $scope.foo dizi güncelleştiriyorum

app.controller("fooCtrl", function($scope, WebSocket) { 
    $scope.foo = [ ... ]; 

    WebSocket.start(function(data) { 
    // this is a callback on websocket.onmessage 
    // here is a for loop iterating through $scope.foo objects and updating them 
    }); 
}); 

. Ancak, benim görünümü şöyle oluşturulur:

<tr ng-repeat="item in foo"> 
    ... 
</tr> 

sorun şu ki, foo güncellerken, yeni verilerle masamı yeniden kılmaz.

Bu problemi nasıl giderim?

Answer 1

Eğer

$scope.$apply(function() { 
    // update goes here 
}); 

yılında güncelleştirme sarmak mı? Bu sorunu çözmeli. Eğer soket mesajı aldığınızda sadece bağlamak gerekir, benim için kod çalışmalarının ardından

WebSocket.start(function(data) { 
    $scope.$apply(function(){ 
     /* your stuff goes here*/ 
    }); 
    }); 

Answer 2

Muhtemelen gibi bir özet döngüsü yapmak açısal zorlamak $apply() çağırmanız gerekir $ kapsamı() işlevi, $ kapsamı() işlevi

socket.on = function (e) { 

      $scope.$apply(function() { 
       // update you UI over here 
      }); 

     }; 

Answer 3

: Eğer listesini güncellerken,