如何在AngularJS中深度观察一个数组？

Question

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

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

有一个现场演示:http://jsfidle.net/syx9b/

Answer 1

您可以将$watch的第三个参数设置为true:

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

请参阅https://docs.angularjs.org/api/ng/type/$rootscope.scope#$watch

由于Angular 1.1.x，您还可以使用$watchcollection来观看shallow watch（只是集合的“第一级”）。

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