Angularjs ng-repeat over array of array of objects

Question

I am trying to use ng-repeat over this array of array of objects, but I am unable to get to display the correct name-value pairs.

var names = [
[{name: "Name 1", age: 25}, {name: "Name 2", age: 20}],
[{name: "Name 3", age: 50}, {name: "Name 4", age: 40}],
[{name: "Name 5", age: 20}, {name: "Name 6", age: 40}]
];

This works to display the entire array of array of objects:

<p ng-repeat="name in names"></p>

But the following to display the name doesn't:

<p ng-repeat="name in names">
    <p ng-repeat="n in name">
        {{n.name}}
    </p>
</p>

I know I am for sure missing something simple.

this should work, can you create a plunker

Tarun Dugar
– Tarun Dugar

2015-09-03 13:11:42 +00:00
Commented Sep 3, 2015 at 13:11 — Tarun Dugar
– Tarun Dugar, Commented Sep 3, 2015 at 13:11

Phuong Nguyen · Accepted Answer · 2015-09-03 13:17:45Z

1

Seem like nested p tag causes ng-repeat messes up beginning/ending tag

If you change the inside p tag to span or div, it works:

<p ng-repeat="name in names">        
    <span ng-repeat="n in name">
        {{n.name}}
    </span>
</p>

answered Sep 3, 2015 at 13:17

Phuong Nguyen

3,1401 gold badge18 silver badges27 bronze badges

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

Comments

Ralf de Kleine · Accepted Answer · 2015-09-03 13:13:17Z

0

If you can change your multi array to use a array of objects with an array of items like below:

var names = [
{items:[{name: "Name 1", age: 25}, {name: "Name 2", age: 20}]},
{items:[{name: "Name 3", age: 50}, {name: "Name 4", age: 40}]},
{items:[{name: "Name 5", age: 20}, {name: "Name 6", age: 40}]}
];

<p ng-repeat="name in names">
    <p ng-repeat="n in name.items">
        {{n.name}}
    </p>
</p>

answered Sep 3, 2015 at 13:13

Ralf de Kleine

11.8k5 gold badges50 silver badges89 bronze badges

1 Comment

Asad Palekar Over a year ago

But i fail to understand why his code does not work?

Collectives™ on Stack Overflow

Angularjs ng-repeat over array of array of objects

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related