AngularJS ngRepeat 更新模型

本文介绍了AngularJS ngRepeat 更新模型的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

限时送ChatGPT账号..

我使用 ng-repeat 来渲染一个 html table.我的控制器看起来像这样:

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>

问题是，当我更新 foo 时，它不会用新数据重新渲染我的表.

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

我将如何解决这个问题?

How would I go about this problem?

推荐答案

您是否将更新包装在

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

?这应该可以解决问题.

? This should solve the problem.

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