angularjs $古い値と新しい値が同じであることを確認する

Question

私の意図は、スコープ内のモデルを見て、古い値と新しい値との間の違いを見つけることです。

しかし、私は古い値と新しい値が次のコードからすべて同じであることがわかりました。

app.controller('MyCtrl', function($scope, $timeout){ 
    $scope.markers = {}; 
    $scope.$watchCollection('markers', function(newValue, oldValue){ 
    console.log('being watched oldValue:', oldValue, 'newValue:', newValue); 
    }); 
    $timeout(function() { 
    $scope.markers.foo = 1; 
    }, 500); 
    $timeout(function() { 
    $scope.markers.bar = 2; 
    }, 500); 
}); 

出力：

being watched oldValue: Object {} newValue: Object {} script.js:6 
being watched oldValue: Object {foo: 1} newValue: Object {foo: 1} script.js:6 
being watched oldValue: Object {foo: 1, bar: 2} newValue: Object {foo: 1, bar: 2} 

なぜ、なぜ、彼らは同じであり、それは意図的なのですか？ここ

コードは、http://plnkr.co/edit/rfMCF4x6CmVVT957DPSS?p=preview

Answer 1

あなたは仕事に思われる、代わりに$watchを使用することができます。オブジェクトのすべてのプロパティも（実行中に）監視したい場合は、trueを時計の3番目のパラメータとして追加する必要があります。これは深い時計を設定します。

Here is a working plunker.

JS：

app = angular.module('myApp',[]); 

app.controller('MyCtrl', function($scope, $timeout){ 
    $scope.markers = {}; 
    $scope.$watch('markers', function(newValue, oldValue){ 
    console.log('being watched oldValue:', oldValue, 'newValue:', newValue); 
    }, true); 
    $timeout(function() { 
    $scope.markers.foo = 1; 
    }, 500); 
    $timeout(function() { 
    $scope.markers.bar = 2; 
    }, 500); 
}); 

Answer 2

これはバグです。

https://github.com/angular/angular.js/issues/2621

、それが固定されていないようです。私はそれが新しいと古い値が（値で）同じであるかどうかを確認し、それが予期しない動作を回避するために、ケースの場合、プロセスをスキップすることは非常に便利だことがわかっ

$scope.$watch('foo', function (newValue, oldValue) { 
    // ... 
} 

Answer 3

値が渡されます。あなたはそれを達成するためにangular.equalsを使うことができます。ここでは例です：

JS：

$scope.$watch('myObject', function(newValue, oldValue){ 
    if(angular.equals(newValue, oldValue)){ 
     return; // simply skip that 
    } 
}); 

Answer 4

パラメータとして