javascript - AngularJS - 我如何 $watch 一个深度嵌套的数组？

Question

我目前的数据如下所示:

$scope.boardLists = [{
cards: [{a:1, b:2}, {a:2, b:2}]
},

{
cards: [{a:3, b:3}, {a:4, b:4}]
},

{
cards: [{a:5, b:5}, {a:6, b:6}]
}];

如何观察卡片数组的变化？

到目前为止我已经尝试过以下方法:

$scope.$watchCollection('boardLists', function(newVal, oldVal){
console.log(newVal);
console.log(oldVal);
});

$scope.$watch('boardLists', function(newVal, oldVal){
console.log(newVal);
console.log(oldVal);
}, true);

Answer 1

范围$watch深度

$scope.$watch('boardLists', function(newVal, oldVal){
  console.log(newVal);
  console.log(oldVal);
}, true);

使用 $scope.$watch('item',fn,true); 进行深度监视。

有关信息，请参阅AngularJS Developer Guide - $scope Watch Depths .