AngularJS ngRepeat更新模型 [英] AngularJS ngRepeat update model

问题描述

我用 NG-重复渲染 HTML表格。我的控制器看起来像这样：

I use ng-repeat to render a html table. My controller looks like so:

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

正如你所看到的，我会定期更新 $ scope.foo 阵列。然而，我的观点是构造像这样：

As you can see, I am updating the $scope.foo array periodically. However, my view is constructed like so:

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

问题是，当我更新富，它不会重新渲染我的表新的数据。

The problem is, when I update foo, it doesn't re-render my table with new data.

将如何着手这个问题？

推荐答案

你包裹在更新

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

？这应该解决的问题。

? This should solve the problem.

这篇关于AngularJS ngRepeat更新模型的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！