Angular JS: Use different instances of scope

Question

How can we use two different instances of scope objects

For example :

$scope.seriesdata = [
        [65, 59, 80, 81, 56, 55, 40],
        [28, 48, 40, 19, 86, 27, 90]
      ];
$scope.currentseries =  $scope.seriesdata;

Now if I update $scope.currentseries , $scope.series got automatically updated.

For Example :

$scope.currentseriesdata.splice(index,1);

This updates both $scope.currentseriesdata and $scope.seriesdata

Before writing this : I read this

I dont need to work in factory .

I just need to know how to have different instances within controller

'$scope.currentseries = angular.copy($scope.seriesdata);' Making a second variable equal to an array just adds a reference, it does not make a copy. — Cory Silva
– Cory Silva, Commented May 5, 2015 at 13:58

Explosion Pills · Accepted Answer · 2015-05-05 13:58:12Z

3

Just copy the contents before operating on them:

$scope.currentseries = angular.copy($scope.seriesdata);

answered May 5, 2015 at 13:58

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

Comments

leopik · Accepted Answer · 2015-05-05 13:59:31Z

1

It's because you're assigning to currentseries reference to the array that is already referenced by seriesdata. This means you have two variables that point to one array.

You want to use slice

$scope.currentseries =  $scope.seriesdata.slice();

answered May 5, 2015 at 13:59

leopik

2,3512 gold badges19 silver badges32 bronze badges

Collectives™ on Stack Overflow

Angular JS: Use different instances of scope

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related