AngularJS Live Example

by suzo

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div ng-controller = "Ctrl"> 
<div ng-repeat="group in groups" ng-init="main = $first">
    {{group.title}}
    <div ng-repeat="x in [0, 1,2]" > <p ng-class='{value1: $first && main}'>{{$index}}</p></div>   
</div>

</div>

CSS

.value1{
    background:#ff00aa;
}

.value2{
    background:#fa55ff;
}

JavaScript

var fessmodule = angular.module('myModule', []);

fessmodule.controller('Ctrl', function ($scope) {
   $scope.groups = [
       {title: 'myTitle1', value: 'value1'},
       {title: 'myTitle2', value: 'value2'},
       {title: 'myTitle3', value: 'value1'},
       {title: 'myTitle4', value: 'value2'},
       {title: 'myTitle5', value: 'value1'}
   ];    
    
});

fessmodule.$inject = ['$scope'];