javascript - AngularJS 观察带有索引的对象数组

Question

我有一个关于 Angular watch within an array of objects 的问题。

我有一个数组 $scope.chartSeries，其对象如下:

[{"location": {values}, "id":"serie-1", "meter":{values}, "name": "seriename", "data":[{1,2,4,5,7,4,6}]}]

这用于用 Highcharts 绘制折线图。

我想查看这个数组，如果值发生变化，我想知道索引和正在更改的值。

我找到了几个 watch 选项，但似乎没有一个适合我的情况。你能帮帮我吗？

Answer 1

如果你在 ng-repeat 中渲染和改变你的数组，你可以使用 ng-change 指令并传入一个 $index参数。

例如:

<div ng-repeat="item in array">
   <input type="text" ng-model="item.location" ng-change="changeValue($index)"/>
</div>

或者您可以使用 $watch 并使用 newValue、oldValue 参数

$scope.$watch('array', function (newValue, oldValue) {
   for(var i = 0; i < newValue.length; i++) {
      if(newValue[i].location != oldValue[i].location)
        var indexOfChangedItem = i;
        //bla-bla-bla
   }
}, true);