角度無意綁定/對象鏡像

Question

因此，我正在使用AngularJS進行項目工作，我需要能夠將範圍中的對象的值與先前記錄的值進行比較。我通過一個算法，如下面的一個這樣做：

function() { 
    var data = [ 
     { id: 1, key: 'value', foo: 'bar'}, 
     { id: 2, key: 'value', foo: 'bar'} 
    ] 
    $scope.oldTarget = data[0]; 
    $scope.target = data[0]; 
} 

現在，如果我做的事：

function() { 
    $scope.target.foo = 'fighters'; 

    if ($scope.target != $scope.oldTarget) console.log('Target was modified'); 
    console.log($scope.target); 
    console.log($scope.oldTarget); 
} 

這將輸出：

{ id: 1, key: 'value', foo: 'fighters'} 
{ id: 1, key: 'value', foo: 'fighters'} 

我的假設是， AngularJS自動綁定兩個變量target和oldTarget，並鏡像對oldTarget進行的所有更改。這是否是這種情況，如果是這樣，我是否有防止這種情況？如果不是，我在做什麼導致它做到這一點？

Answer 1

這是沒有關係的角度，它的默認的JavaScript行爲。您正在引用同一個對象。如果您打算修改它而不更改源，則需要克隆該對象。

請看：

• What is the most efficient way to clone an object?
• Most elegant way to clone a JavaScript object

Answer 2

我認爲這不是角度，這是它是如何工作的，因爲$ scope.oldTarget和$ scope.target都是鏈接到同一個對象。

var test = {foo : 'bar'}; 
var newTest = test; 
newTest.foo = 'changed'; 
console.log(test); 

個輸出是： 「對象{富 」改變「}」

http://jsfiddle.net/rf0ac6zf/

Answer 3

看起來你的數組元素被 「引用」 引用。因此，創建像這樣的元素的新實例：

$scope.oldTarget = $.extend(null,data[0]); 
$scope.target = $.extend(null,data[0]);