Loop through array of objects in angular?

Question

I have an array($rootScope.language); of objects that look like this:

[{name: "Oskar", lastname: "Doe"},{name: "John", lastname: "Steward"}]

I want to loop through all of them in my template. I tried this:

    <div ng-repeat="entry in language"> 
       <p>{{name}} {{lastname}}</p>
    </div>

This outputs nothing and I don't get any errors. What am I missing?

Do you need to use $rootScope? Generally you don't want to put things there since it can be used like a global variable. — Loc Nguyen, Feb 26 '14 at 13:47

doodeec · Accepted Answer · 2014-02-26 13:44:26Z

up vote 3 down vote accepted

There is no name or lastname directly on the scope, so you have to refer every ng-repeat item by an alias - in your case entry

That's why you have to use

<div ng-repeat="entry in language"> 
   <p>{{entry.name}} {{entry.lastname}}</p>
</div>

answered Feb 26 '14 at 13:44

doodeec
2,040615

add a comment |

Himmators · Answer 2 · 2014-02-26 13:40:51Z

up vote 0 down vote

I needed to add entry to the variables like this:

{{entry.name}}

answered Feb 26 '14 at 13:40

Himmators
2,63643992

add a comment |

2 Answers 2