AngularJS ngRepeat更新モデル

Question

を使用してhtml tableをレンダリングします。私のコントローラはそのようになっています。あなたが見ることができるように、私は定期的に$scope.foo配列を更新しています

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

。しかし、私の見解はこれと同様に構成されています

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

問題がある、私はfooを更新するとき、それは新しいデータで私のテーブルを再レンダリングされません。

この問題についてはどうすればよいですか？

Answer 1

あなたは

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

で更新をラップしましたか？これは問題を解決するはずです。

Answer 2

あなたはおそらくのように、あなたがリストを更新する際ダイジェストサイクルを行うために、角度強制的に$apply()を呼び出す必要があります：あなたはソケットからメッセージを取得するたびにあなただけのバインドする必要があり、私のためのコードの作業後

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

Answer 3

あなたのコードは$ scope内にあります。$ apply（）function

socket.on = function (e) { 

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

     };