如何深入观察一个数组在angularjs?

前端之家收集整理的这篇文章主要介绍了如何深入观察一个数组在angularjs?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的范围内有一个对象数组,我想要观察每个对象的所有值。

这是我的代码

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

但是当我修改值,例如。我将TITLE更改为TITLE2,警报(“列已更改”)从未弹出。

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

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

您可以将$ watch的第3个参数设置为true:
scope.$watch('data',function (newVal,oldVal) { /*...*/ },true);

http://docs.angularjs.org/api/ng.$rootScope.Scope#$watch

自从Angular 1.1.x你还可以使用$ watchCollection来观看浅表(只是“第一级”的集合)。

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

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

猜你在找的Angularjs相关文章