Angularjs, nested JSON & ng-repeat

Question

I'm getting some JSON returned from a server for which I'd like to iterate over the key value pair label and value. I tried to access the values by using the following but I get nothing.

What am I missing for this to work?

HTML :

<tr ng-repeat="(label, value) in data[0].[label]">
    <td>{{label}}</td>
    <td>{{value}}</td>
</tr>

JSON input :

"data": {
    "title": {
        "label": "Title",
        "value": "Mr"
    },
}

is that a typo...? data is not an array here...and i guess there is an extra period after data[0] — Srinath Mandava
– Srinath Mandava, Commented Jul 10, 2014 at 8:21

Clément Malet · Accepted Answer · 2014-07-10 08:26:06Z

2

<tr ng-repeat="title in data">
    <td>{{title.label}}</td>
    <td>{{title.value}}</td>
</tr>

(Assuming your Json is in a variable like $scope.data)

answered Jul 10, 2014 at 8:26

Clément Malet

5,0903 gold badges32 silver badges48 bronze badges

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

1 Comment

Jimi Over a year ago

I can't believe I missed that! Thank you!

Collectives™ on Stack Overflow

Angularjs, nested JSON & ng-repeat

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related