AngularJS - How can I reference the property name within an ng-Repeat

angularjs, angularjs-ng-repeat

Solution

Try this:

<ul>
    <li ng-repeat="(key,val) in data">{{key}}: {{val}}</li>
</ul>

Problem

In addition to rendering the value of the properties in an object, I'd also like to render the property name as a label. Is there a way to do this with `ng-repeat`? For example: ``` <ul> <li ng-repeat="option in data">{{propertyName}}: {{option}}</li> </ul> ``` Which might spit out something like this: ``` <ul> <li>Name: John</li> <li>Phone: (123) 456-7890</li> <li>Country: England</li> </ul> ```

Original source