Create dynamic scope variables in AngularJs inside loop

Question

I am new to Angular.js and am trying to create dynamic scope variables in AngularJs inside a for Loop. This is something as below:

$scope.lists=[{listName:'list1'},{listName:'list2'}];

for(var i=0;i<$scope.lists.length;i++){
  var listName = $scope.lists[i].listName;
  listName = $parse(listName);
  listName.assign($scope,[]);
  $scope.$apply();
}

The above code throws an error saying: $digest already in progress.

The code works ok when used without looping just for one as done in: Setting dynamic scope variables in AngularJs - scope.<some_string>

I ultimately am looking for $scope.list1=[] and $scope.list2=[] as 2 separate arrays.

Any leads would be awesome. Thanks.

mohamedrias · Accepted Answer · 2015-04-18 07:31:49Z

12

The above code throws an error saying: $digest already in progress.

You're already in the controller and in angular scope. So no need to trigger the digest loop using $scope.$apply(). Even if you have to must check the $$phase and then apply.

if (!$scope.$$phase) $scope.$apply()

But for your scenario, it's not required at all

$scope.lists = [{listName: 'list1'}, {listName: 'list2'}];

angular.forEach($scope.lists, function(item) {
    var listName = item.listName;
    $scope[listName] = [];
});

edited Apr 18, 2015 at 7:31

answered Apr 18, 2015 at 7:22

mohamedrias

18.6k3 gold badges41 silver badges47 bronze badges

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

1 Comment

Sagar Over a year ago

how should I access those arrays in views?

KreepN · Accepted Answer · 2015-04-18 07:17:01Z

2

You don't need $parse and assign here, just use bracket notation to access object property (because $scope is nothing but just an object) with variable name:

$scope.lists = [{listName: 'list1'}, {listName: 'list2'}];

for (var i = 0; i < $scope.lists.length; i++) {
    var listName = $scope.lists[i].listName;
    $scope[listName] = [];
}

edited Apr 18, 2015 at 7:17

KreepN

8,5981 gold badge43 silver badges58 bronze badges

answered Apr 18, 2015 at 7:08

dfsq

193k26 gold badges244 silver badges261 bronze badges

4 Comments

m0meni Over a year ago

I don't think that's what he's looking for because he seems to be going for the methodology defined in this post stackoverflow.com/questions/18875486/…

Vaibhav Magon Over a year ago

Actually i am using it with angular dragdrop and by doing what u r saying throws an error saying TypeError: Cannot set property 'jqyoui_pos' of undefined ultimately meaning the $scope.list is undefined.

KreepN Over a year ago

@AR7 This looks like exactly what he is looking for. The result here will be $scope.list1=[] and $scope.list2=[] as 2 separate arrays. The linked approach would be for implementations where the dot notation is taken into consideration.

dfsq Over a year ago

@Vaibhav Not sure how you are using it after, but above code will create $scope.list1 = [], $scope.list2 = [] properly without any problem. If you have problems that means it's something else outside of this question.

Collectives™ on Stack Overflow

Create dynamic scope variables in AngularJs inside loop

2 Answers 2

1 Comment

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related