Usage of ng-repeat for two different arrays - angularjs

Question

I have 2 set of arrays.

Ex: $scope.names = ['John', 'Tyler', 'David']; & $scope.ages = ['30', '35', '28'];

The output exactly i want is

John: 30
Tyler: 35
David: 28

I have tried as below,

<div ng-repeat="name in names">
  <p>{{name}}</p>
  <div ng-repeat="age in ages">
   <p>{{age}}</p>
  </div>
</div>

But i am not getting the values properly. As i am new to angularjs, i searched a lot in internet. Any help?

Wouldn't it be better to have an object person and do person.name and person.age? — Jakub Holovsky
– Jakub Holovsky, Commented Mar 28, 2015 at 6:44
@Jakub - Yes. But the array, i am getting from webservice. i dont have control on that. — GMan
– GMan, Commented Mar 29, 2015 at 7:09

Michael Kang · Accepted Answer · 2015-03-28 06:50:56Z

4

Use $index:

<div ng-repeat="name in names">
  <p>{{name}}:{{ages[$index]}}</p>
</div>

answered Mar 28, 2015 at 6:50

Michael Kang

53k16 gold badges108 silver badges138 bronze badges

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

1 Comment

GMan Over a year ago

Wow... a line code... i spended more than one hour. Thanks :)

Dhaval · Accepted Answer · 2015-03-28 07:01:35Z

0

If the length of both array will be same then you can make single object of both the arrays and use that object in ng-repeat. Here is the snippet:

$scope.person = {};

angular.forEach($scope.names, function(value, key) {
  $scope.person.name = value;
  $scope.person.ages = $scope.age[key];
}, log);

Hope it'll help you.

answered Mar 28, 2015 at 7:01

Dhaval

9013 gold badges8 silver badges26 bronze badges

Collectives™ on Stack Overflow

Usage of ng-repeat for two different arrays - angularjs

I have 2 set of arrays.

The output exactly i want is

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

I have 2 set of arrays.

The output exactly i want is

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related