$watchCollection完成了您想要做的事情。下面是一个从angularjs网站http://docs.angularjs.org/api/ng/type/$rootScope.Scope复制的例子 虽然很方便，但性能也需要考虑在内，尤其是当你观看大量收藏时。

  $scope.names = ['igor', 'matias', 'misko', 'james'];
  $scope.dataCount = 4;

  $scope.$watchCollection('names', function(newNames, oldNames) {
     $scope.dataCount = newNames.length;
  });

  expect($scope.dataCount).toEqual(4);
  $scope.$digest();

  //still at 4 ... no changes
  expect($scope.dataCount).toEqual(4);

  $scope.names.pop();
  $scope.$digest();

  //now there's been a change
  expect($scope.dataCount).toEqual(3);

设置$watch函数的objectEquality参数(第三个参数)绝对是监视数组所有属性的正确方法。

$scope.$watch('columns', function(newVal) {
    alert('columns changed');
},true); // <- Right here

Piran很好地回答了这个问题，并提到了$watchCollection。

更详细地

我之所以要回答一个已经回答过的问题，是因为我想指出wizardwerdna的答案不是一个好的答案，不应该被使用。

问题是，摘要不会立即发生。它们必须等到当前代码块完成后才能执行。因此，观察数组的长度实际上可能会错过$watchCollection将捕捉到的一些重要更改。

假设如下配置:

$scope.testArray = [
    {val:1},
    {val:2}
];

$scope.$watch('testArray.length', function(newLength, oldLength) {
    console.log('length changed: ', oldLength, ' -> ', newLength);
});

$scope.$watchCollection('testArray', function(newArray) {
    console.log('testArray changed');
});

乍一看，这些似乎会同时发射，比如在这个例子中:

function pushToArray() {
    $scope.testArray.push({val:3});
}
pushToArray();

// Console output
// length changed: 2 -> 3
// testArray changed

这很好，但考虑一下:

function spliceArray() {
    // Starting at index 1, remove 1 item, then push {val: 3}.
    $testArray.splice(1, 1, {val: 3});
}
spliceArray();

// Console output
// testArray changed

请注意，即使数组有一个新元素和丢失了一个元素，结果的长度是相同的，因此对于$watch而言，长度没有改变。不过$watchCollection发现了它。

function pushPopArray() {
    $testArray.push({val: 3});
    $testArray.pop();
}
pushPopArray();

// Console output
// testArray change

同样的结果也发生在同一个块的push和pop操作中。

结论

要观察数组中的每个属性，在数组本身上使用$watch，其中包括第三个参数(objectEquality)并将其设置为true。是的，这很昂贵，但有时是必要的。

要观察对象何时进入/退出数组，使用$watchCollection。

不要在数组的length属性上使用$watch。我几乎想不出有什么好的理由这样做。

$watchCollection完成了您想要做的事情。下面是一个从angularjs网站http://docs.angularjs.org/api/ng/type/$rootScope.Scope复制的例子 虽然很方便，但性能也需要考虑在内，尤其是当你观看大量收藏时。

  $scope.names = ['igor', 'matias', 'misko', 'james'];
  $scope.dataCount = 4;

  $scope.$watchCollection('names', function(newNames, oldNames) {
     $scope.dataCount = newNames.length;
  });

  expect($scope.dataCount).toEqual(4);
  $scope.$digest();

  //still at 4 ... no changes
  expect($scope.dataCount).toEqual(4);

  $scope.names.pop();
  $scope.$digest();

  //now there's been a change
  expect($scope.dataCount).toEqual(3);

这个解决方案对我来说非常有效，我在一个指令中这样做:

范围。看(attrs美元。testWatch, function() {.....},真正的);

true工作得很好，并响应所有更改(添加、删除或修改字段)。

这是一个工作的活塞玩它。

在AngularJS中深度观察一个数组

我希望这对你有用。 如果你有任何问题，请尽管问，我会尽力帮助你的:)

值得注意的是，在Angular 1.1中。x和以上，你现在可以使用$watchCollection而不是$watch。虽然$watchCollection看起来创建的是浅表，所以它不能像你期望的那样处理对象数组。它可以检测数组的添加和删除，但不能检测数组内对象的属性。

$scope.changePass = function(data){ if(data.txtNewConfirmPassword !== data.txtNewPassword){ $scope.confirmStatus = true; }else{ $scope.confirmStatus = false; } }; <form class="list" name="myForm"> <label class="item item-input"> <input type="password" placeholder="ใส่รหัสผ่านปัจจุบัน" ng-model="data.txtCurrentPassword" maxlength="5" required> </label> <label class="item item-input"> <input type="password" placeholder="ใส่รหัสผ่านใหม่" ng-model="data.txtNewPassword" maxlength="5" ng-minlength="5" name="checknawPassword" ng-change="changePass(data)" required> </label> <label class="item item-input"> <input type="password" placeholder="ใส่รหัสผ่านใหม่ให้ตรงกัน" ng-model="data.txtNewConfirmPassword" maxlength="5" ng-minlength="5" name="checkConfirmPassword" ng-change="changePass(data)" required> </label> <div class="spacer" style="width: 300px; height: 5px;"></div> <span style="color:red" ng-show="myForm.checknawPassword.$error.minlength || myForm.checkConfirmPassword.$error.minlength">รหัสผ่านต้องมีจำนวน 5 หลัก</span><br> <span ng-show="confirmStatus" style="color:red">รหัสผ่านใหม่ไม่ตรงกัน</span> <br> <button class="button button-positive button-block" ng-click="saveChangePass(data)" ng-disabled="myForm.$invalid || confirmStatus">เปลี่ยน</button> </form>