angularjs $ watch舊值和新值相同

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作爲第三個參數添加到手錶中。這設立了一個深刻的觀察。

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

，似乎沒有被固定。

Answer 3

的值作爲參數傳遞

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

Answer 4

我發現它是非常有用的檢查新舊值相等（價值觀），跳過過程，如果這是爲了避免出現意外行爲的情況。您可以使用angular.equals來實現。這裏有一個例子：

JS：

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