How to iterate through angular $scope variables with a loop

Question

I want to iterate through $scope variables with a for loop like this. In this example the $scope object includes an object accounts inlcuding 5 objects, whose names are numbers from 1 to 5. Each of them has a name.

for(var i = 1; i < 5; i++){
   $('#name').val($scope.accounts.i.name);
}

The problem: $scope.accounts.i is undefined because i does not count as a varibale inside the $scope variable. It counts as the letter i, so I see no chance to iterate through a scope with a for loop. When I use " " around the $scope variable it will just be displayed as plain html and angular is not interpreted.

so account is a array containing 5 objects of five key value pairs? — Ajay Singh Beniwal
– Ajay Singh Beniwal, Commented Jun 26, 2013 at 17:40
accounts is an array with 5 objects and several key value pairs. But of course every account has the same number of pairs. ;) — Sorcerer
– Sorcerer, Commented Jun 26, 2013 at 17:51

Ajay Singh Beniwal · Accepted Answer · 2013-06-26 17:44:40Z

45

Angular way to do above is

 $scope.accounts=[{name:"123"},{name:"124"},{name:"125"}]

            angular.forEach($scope.accounts,function(value,index){
                alert(value.name);
            })

answered Jun 26, 2013 at 17:44

Ajay Singh Beniwal

19k11 gold badges84 silver badges100 bronze badges

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

Comments

Ufuk Hacıoğulları · Accepted Answer · 2014-04-14 12:21:50Z

1

If accounts is an array, you can use the array indexer:

for(var i = 1; i < 5; i++){
   $('#name').val($scope.accounts[i].name);
}

edited Apr 14, 2014 at 12:21

answered Jun 26, 2013 at 17:37

Ufuk Hacıoğulları

38.6k14 gold badges120 silver badges157 bronze badges

Collectives™ on Stack Overflow

How to iterate through angular $scope variables with a loop

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