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
– Loc Nguyen, Commented Feb 26, 2014 at 13:47

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

4

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, 2014 at 13:44

doodeec

2,92722 silver badges23 bronze badges

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

Comments

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

0

I needed to add entry to the variables like this:

{{entry.name}}

answered Feb 26, 2014 at 13:40

Himmators

15.1k40 gold badges137 silver badges235 bronze badges