<!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;
}