$ watchCollection은 항상 새 값과 이전 값과 동일한 개체를가집니다.

Question

$ watchCollection을 사용하여 개체를보고 있습니다. 콜백에서 객체의 어떤 속성이 변경되었는지 알고 싶지만 콜백에있는 문제는 새 값과 이전 값이 모두 같은 객체입니다. 개체를보고 개체의 속성을 변경하는 방법을 찾을 수 있습니까?

http://jsfiddle.net/SQuVy/325/

angular.module('watchApp', []).controller('watchCtrl', function($scope) { 
    $scope.count = 0; 
    $scope.b = { 
     value1: 1, 
     value2: 2,  
     value3: 3 
    }; 

    $scope.$watchCollection('b', function(newvalue,oldvalue) { 
      console.log(newvalue);// both new and old are same objects 
      console.log(oldvalue); 
    }, true); 
}); 

감사합니다.

Answer 1

$scope 속성에 대한 참조가 업데이트 될 때마다 $watch이 해고됩니다. 이는 참조가 가리키는 객체가 변경되었음을 의미하지는 않으며 참조 자체 만 변경되었습니다.

컬렉션을 보는 것도 마찬가지입니다. 이 문제를 방지하려면 다음 코드를 시도 :

$scope.$watchCollection('b', function(val, prev){ 
    if(val !== prev){ 
     // do whatever you need here 
    } 
});