AngularJS：數組和深層的$ watch不起作用

Question

我有一個帶有布爾值的數組，我需要做的是嘗試使用$ watch函數，以便在數組中發生某些更改時顯示一條消息。

如您在此代碼中所見，數組更改了其值，但$ watch函數不起作用。 任何想法？

視圖

<div data-ng-repeat="catA in categoryA">
    <b><input type="checkbox" checked="checked" ng-model="arrayCategoryA[$index]"/>{{catA.name}}</b>
</div>

控制者

app.controller("controllerApp", function($scope, $http, $filter){

  $scope.arrayCategoryA = [];

  $scope.$watchCollection($scope.arrayCategoryA, function(newVal, oldVal){
    console.log("something changed");
  }, true);

  $http.get("categoryA.json").success(function(data) {
     $scope.categoryA = data;
     for (var i = 0; i < $scope.categoryA.length; i++) 
     $scope.arrayCategoryA[i] = true;
  });

});

Answer 1

$watchCollection一個監視表達式，在這種情況下，它是arrayCategoryA的作用域變量的arrayCategoryA 。

 $scope.$watchCollection(`arrayCategoryA`, function(newVal, oldVal){
    console.log("something changed");
  }, true);

更新了工作插件