javascript - 仅更新 $scope.arrayOfObjects 中的差异 - AngularJs

Question

我有一个像这样的数组:

$scope.charts = [
   {
      status: {
         success: 2,
         errors: 0
      }
   }
];

从服务器收到一些数据后，我必须更新图表数组。假设新数组与当前数组几乎相同，如何只更新不同的属性，而不是让模板再次重新计算？

newArray = [
   {
      status: {
         success: 2,
         errors: 1
      }
   }
];

今天我正在做这样的事情:

$scope.charts = newArray;

但即使数组没有差异，模板也会闪烁，就像收到新日期一样。

Answer 1

假设您对此数组使用ng-repeat，请添加 track by带有 ID(或 $index，如果它保持不变)将阻止现有项目的重新渲染。

一般来说，始终将 track by 添加到 ng-repeat 中，以最大程度地减少性能问题。