在我的范围内有一个对象数组,我想要观察每个对象的所有值。
这是我的代码:
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