Mô hình cập nhật AngularJS ngRepeat

Question

Tôi sử dụng ng-repeat để hiển thị số html table. Bộ điều khiển của tôi trông giống như vậy:

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

Như bạn thấy, tôi đang cập nhật mảng $scope.foo định kỳ. Tuy nhiên, chế độ xem của tôi được tạo như sau:

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

Vấn đề là, khi tôi cập nhật foo, nó không hiển thị lại bảng của tôi bằng dữ liệu mới.

Tôi sẽ giải quyết vấn đề này như thế nào?

Answer 1

Cậu quấn cập nhật trong

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

? Điều này sẽ giải quyết vấn đề.

Answer 2

Bạn có thể cần phải gọi $apply() để buộc góc để làm một chu kỳ tiêu hóa khi bạn cập nhật danh sách, như:

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

Answer 3

Tiếp theo việc mã cho tôi, Bất cứ khi nào bạn nhận được tin nhắn từ ổ cắm bạn chỉ cần để ràng buộc mã của bạn bên trong phạm vi $. $ apply() function

socket.on = function (e) { 

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

     };