javascript - Using angularjs, how do I data bind two objects separately? - Stack Overflow

admin管理员组

文章数量:1344211

I want to be able to have multiple input fields be able to change an object that is returned from an ajax call. I'm not sure how I can prevent the linking of the two objects.

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

Do I have to each edit in a different scope? Here is a fiddle describing my problem: /

I want to be able to have multiple input fields be able to change an object that is returned from an ajax call. I'm not sure how I can prevent the linking of the two objects.

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

Do I have to each edit in a different scope? Here is a fiddle describing my problem: http://jsfiddle/htTQc/

• javascript
• angularjs

Share Improve this question Follow asked Oct 22, 2012 at 15:45 rcellrcell 67111 gold badge1010 silver badges1717 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 14

Seems like maybe you want to copy the objects, so you're not editing the same reference? Just use angular.copy. Docs here.

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

http://jsfiddle/blesh/htTQc/1/

本文标签： javascriptUsing AngularJShow do I data bind two objects separatelyStack Overflow