<!DOCTYPE html>
<html ng-app="app">

  <head>
    <script data-require="angular.js@1.5.8" data-semver="1.5.8" src="https://code.angularjs.org/1.5.8/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="test">
    <ul>
      <li ng-repeat="item in list" ng-class-even="'even'" ng-class-odd="'odd'">
				{{item}}
			</li>
    </ul>
  </body>

</html>
var app = angular.module("app", []);
app.controller('test', ['$scope', function($scope){
	$scope.list = ["Test 1", "Test 2", "Test 3", "Test 4"];
}]);
.odd{
				background-color: blue;	
			}
			.even{
				background-color: red;
			}