javascript - angularjsを使用して、2つのオブジェクトを別々にデータバインドするにはどうすればよいですか?

Question

複数の入力フィールドで、ajax 呼び出しから返されたオブジェクトを変更できるようにしたいと考えています。2 つのオブジェクトのリンクを防ぐ方法がわかりません。

$scope.items = [{value: 1},{value: 2},{value: 3}];
$scope.itemEdit1 = $scope.items;
$scope.itemEdit2 = $scope.items;

異なる範囲で編集する必要がありますか? ここに私の問題を説明するフィドルがあります: http://jsfiddle.net/htTQc/

Answer 1

オブジェクトをコピーしたいので、同じ参照を編集していませんか? を使用するだけangular.copyです。ドキュメントはこちら。

$scope.items = [{value: 1},{value: 2},{value: 3}];
$scope.itemEdit1 = angular.copy($scope.items);
$scope.itemEdit2 = angular.copy($scope.items);

http://jsfiddle.net/blesh/htTQc/1/