How to clone scope in angularjs?

Question

I have data as follow:

$scope.form= response.data.shooter;
oldData= response.data.shooter;

I have an issue in here:

Both have the same object array.

When I delete any value from oldData, it is also getting removed from $scope.form.

The code is as follows:

$.each(oldData, function(i, e) {
  console.log(oldData[e], $scope.form[e]);
  oldData[e] = '';
  console.log(oldData[e], $scope.form[e]);
});

I have searched regarding this, but no luck.

Can anyone tell me, how to create a replica of scope to handle it separately regardless of sync between two array objects i.e. independent replica of scope so that if I make changes in that replica should not affect in scope?

charlietfl · Accepted Answer · 2017-11-17 14:13:29Z

1

Use angular.copy()

$scope.form= response.data.shooter;
oldData= angular.copy(response.data.shooter);

answered Nov 17, 2017 at 14:13

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Himanshu sharma · Accepted Answer · 2017-11-17 14:34:24Z

1

Yes you can use angular.copy .For copy the object to other.

angular.copy(source, [destination]);

oldData = angular.copy($scope.form);

angular.copy($scope.leader, oldData);

both you can use

https://docs.angularjs.org/api/ng/function/angular.copy

also you can have a look at lodash and underscore

This library provide very nice to method .

answered Nov 17, 2017 at 14:34

Himanshu sharma

8,0436 gold badges48 silver badges82 bronze badges

Comments

Muhammad Usman · Accepted Answer · 2017-11-17 14:27:52Z

0

Well @Charlietfl is correct I would just like to add some explanation to the issue and solution

Using = , you're actually assigning reference of response.data.shooter to both $scope.form and oldData and as reference is the same updating one would affect the other (same concept as shallowCopy in C++). To avoid these kind of issues you need to make deep copies of the objects and the way to do that in angular is angular.copy()

answered Nov 17, 2017 at 14:27

Muhammad Usman

10.1k26 silver badges41 bronze badges

Collectives™ on Stack Overflow

How to clone scope in angularjs?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related