在我的作用域中有一个对象数组，我想观察每个对象的所有值。
这是我的代码:
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中深潜一个对象会对性能造成影响。有时(例如，当更改仅为推和弹出时)，您可能希望$watch一个容易计算的值，例如array.length。
其他回答
这个解决方案对我来说非常有效，我在一个指令中这样做:
范围。看(attrs美元。testWatch, function() {.....},真正的);
true工作得很好，并响应所有更改(添加、删除或修改字段)。
这是一个工作的活塞玩它。
在AngularJS中深度观察一个数组
我希望这对你有用。 如果你有任何问题，请尽管问，我会尽力帮助你的:)
值得注意的是，在Angular 1.1中。x和以上，你现在可以使用$watchCollection而不是$watch。虽然$watchCollection看起来创建的是浅表，所以它不能像你期望的那样处理对象数组。它可以检测数组的添加和删除，但不能检测数组内对象的属性。
下面是观察作用域变量的3种方法的比较和示例:
$watch()由以下方式触发:
$scope.myArray = [];
$scope.myArray = null;
$scope.myArray = someOtherArray;
$watchCollection()由以上所有AND触发:
$scope.myArray.push({}); // add element
$scope.myArray.splice(0, 1); // remove element
$scope.myArray[0] = {}; // assign index to different value
美元的手表(…， true)由以上所有和触发:
$scope.myArray[0].someProperty = "someValue";
还有一件事……
$watch()是唯一一个在数组被另一个数组替换时触发的数组，即使另一个数组具有完全相同的内容。
例如，$watch()会触发而$watchCollection()不会:
$scope.myArray = ["Apples", "Bananas", "Orange" ];
var newArray = [];
newArray.push("Apples");
newArray.push("Bananas");
newArray.push("Orange");
$scope.myArray = newArray;
下面是一个JSFiddle示例的链接，该示例使用所有不同的手表组合，并输出日志消息来指示哪些“手表”被触发:
http://jsfiddle.net/luisperezphd/2zj9k872/
在我的例子中，我需要监视一个服务，该服务包含一个地址对象，也由其他几个控制器监视。我陷入了一个循环，直到我添加了“true”参数，这似乎是观察对象时成功的关键。
$scope.$watch(function() {
return LocationService.getAddress();
}, function(address) {
//handle address object
}, true);
在$watch中深潜一个对象会对性能造成影响。有时(例如，当更改仅为推和弹出时)，您可能希望$watch一个容易计算的值，例如array.length。
