如何在angularjs中深入观察数组？

Question

我的范围内有一个对象数组，我想观察每个对象的所有值。

这是我的代码：

function TodoCtrl($scope) {
  $scope.columns = [
      { field:'title', displayName: 'TITLE'},
      { field: 'content', displayName: 'CONTENT' }
  ];
   $scope.$watch('columns', function(newVal) {
       alert('columns changed');
   });
}

但是，当我修改值时，例如，我更改TITLE为TITLE2，则alert('columns changed')永不弹出。

如何深入观察数组中的对象？

有一个现场演示：http :
//jsfiddle.net/SYx9b/

Answer 1

您可以将的第3个参数设置$watch为true：

$scope.$watch('data', function (newVal, oldVal) { /*...*/ }, true);

参见https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$watch

从Angular 1.1.x开始，您还可以使用$ watchCollection监视集合的“浅表监视”（只是“第一级”）。

$scope.$watchCollection('data', function (newVal, oldVal) { /*...*/ });

参见https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$watchCollection