Angular Js - Example - List Item using ng-repeat
Angular Js - Example
Directive: ng-repeat
Repeat the json data
HTML
<h3>FIFA Match Summary:</h3>
<div ng-app ng-controller="MyCtrl">
<ul>
<li ng-repeat="item in items">
<span ng-init="keyValues = returnAllKeyValues(item)">
<span ng-repeat="keyValue in keyValues">{{keyValue}} </span>
</span>
</li>
</ul>
</div>
JavaScript
var m = [{"name": "Fred", "age": 12}, {"name": "Amy", "age": 21, "sex": "female"}];
function MyCtrl($scope) {
$scope.items = m;
$scope.returnAllKeyValues = function(obj){
var x = Object.keys(obj),
arr = [];
for(var i = 0; i<x.length; i++){
arr.push(obj[x[i]]);
}
return arr;
}
}