AngularJS - Routes and Resolving
by vinodlouis
HTML
<script src="http://code.angularjs.org/1.1.4/angular.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div ng-app="myapp" ng-controller="DetailCtrl">
<div ng-repeat="eachval in group1">
<p>{{ eachval }}</p>
<p style="margin-left:15px">{{ group2[$index]}}</p>
<p style="margin-left:25px">{{ value[$index]}}</p>
</div>
</div>
JavaScript
var myapp = angular.module('myapp', []);
myapp.controller('DetailCtrl', function ($scope, $location) {
$scope.group1 = ['grp1','grp2'];
$scope.group2 = ['abc','def'];
$scope.value = ['value1','value2'];
});