<body ng-app='MainApp'>
<div ng-controller='MainCtrl'>
<div>
<div>Demo Array</div>
<ul>
<li id='row.id' ng-repeat='row in demo_array'>
{{row.name}} - {{$index}}
</li>
</ul>
<div>Demo Dictionary</div>
<ul>
<li ng-repeat='(key,row) in demo_dictionary'>
{{key}} - {{row.name}} - {{row.id}}
</li>
</ul>
</div>
</div>
</body>var mainMod = angular.module('MainApp', []);
mainMod.controller('MainCtrl', ['$scope','$rootScope',
function ($scope,$rootScope) {
var demo_array = [];
demo_array.push({id:1,name:'Test1'});
demo_array.push({id:2,name:'Test2'});
demo_array.push({id:3,name:'Test3'});
$scope.demo_array = demo_array;
var demo_dictionary = [];
demo_dictionary['key1'] = {id:1,name:'Test1'};
demo_dictionary['key2'] = {id:2,name:'Test2'};
demo_dictionary['key3'] = {id:3,name:'Test3'};
$scope.demo_dictionary = demo_dictionary;
}
]);
External CSS
This Pen doesn't use any external CSS resources.