angularjs $ watch alter Wert und neuer Wert sind gleich

Question

Meine Absicht ist, ein Modell innerhalb des Umfangs zu beobachten und den Unterschied zwischen altem Wert und neuem Wert zu finden.

Allerdings fand ich alten Wert und neuen Wert sind alle gleich aus dem folgenden Code.

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); 
}); 

Ausgang:

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} 

Warum sind sie gleich, und wenn es gewollt, dann warum?

hier ist der Code, http://plnkr.co/edit/rfMCF4x6CmVVT957DPSS?p=preview

Answer 1

können Sie $watch stattdessen verwenden, das zu funktionieren scheint. Wenn Sie auch alle Eigenschaften des Objekts beobachten möchten (wie Sie es gerade tun), müssen Sie der Uhr true als dritten Parameter hinzufügen. Dies sorgt für eine tiefe Überwachung.

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

Das ist ein Fehler.

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

und es scheint nicht fixiert werden.

Answer 3

Die Werte übergeben werden als Parameter

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

Answer 4

Ich fand, dass es sehr nützlich ist, wenn der neue und alte Wert gleich zu überprüfen (in Werten) sind und den Prozess überspringen, wenn das der Fall ist unerwartetes Verhalten zu vermeiden. Sie können angular.equals verwenden, um das zu erreichen. Hier ein Beispiel:

JS:

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