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

发布时间：2020-12-17 09:36:03 所属栏目：安全来源：网络整理

导读：在我的范围内有一个对象数组，我想要观察每个对象的所有值。这是我的代码： function TodoCtrl($scope) { $scope.columns = [ { field:'title',displayName: 'TITLE'},{ field: 'content',displayName: 'CONTENT' } ]; $scope.$watch('columns',function(ne

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

这是我的代码：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!