javascript - 更新 ng-repeat 中的对象属性

Question

我使用 ng-repeat 来表示我的对象。示例:

<div ng-repeat="item in items | orderBy: 'label' | filter:query | orderBy: 'label'">
  <h1>{{item.label}}</h1>
  <h1>{{item.property}}</h1>
</div>

我也在使用socket.io。因此，当其中一个对象的属性更新时，我的后端将发送带有该对象的 socket.io 事件，我将在我的 AngularJS Ctrl 中捕获它。

  socket.on('itemPropertyUpdated', function(item){
      // Update property of this item in ng-repeat
    });

我的问题是:我如何更新 ng-repeat 中表示的对象之一的属性？我的意思是，我如何更新<h1>{{item.property}}</h1>无需重新加载所有 items数组。

(对象的属性会频繁更新，因为它是每个对象的“状态(开/关)”。)

Answer 1

AngularJS 之外的事件需要有 $apply。这告诉 Angular 应用摘要周期来更新 View 。

socket.on('itemPropertyUpdated', function(item){
   $scope.$apply(function() {
      // Update property of this item in ng-repeat
   });
});