Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
  Hello, {{name}}!
    
    <div ng-init="item.isyellow = false" ng-repeat="item in realName" ng-class="{yellow : item.isyellow}"  ng-class-odd="'odd'" ng-class-even="'even'" ng-click="item.isyellow =!item.isyellow"  style="cursor:pointer"  >
        {{item.id}}
        {{item.name}}
    </div>
</div>

CSS

.odd{
    background-color:white;  
}
.even{  
     background-color:grey;
}
.yellow{
     background-color:yellow;
}

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.name = 'Superhero';
    $scope.realName=[{"id":1,"name":"A"},{"id":2,"name":"B"},{"id":3,"name":"c"},{"id":4,"name":"D"},{"id":5,"name":"E"},{"id":6,"name":"F"}];
    
    

    
    
    
}