<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="js/angular-1.3.0.js"></script>
<script>
var m1 = angular.module('myApp',[]);
m1.controller('may',['$scope',function($scope){
$scope.dateList = ["aaaaa" ,"bbbbb" ,"ccccc", "ddddd" ];
}]);
</script>
<style>
.active1{
background:red;
}
.active2{
background: green;
}
</style>
</head>
<body ng-controller='may'>
<ul>
<li class="{{ $even ? 'active1' : 'active2'}}" ng-repeat="data in dateList">{{data}}</li>
</ul>
<div ng-repeat-start="data in dateList">{{data}}</div>
<h1>{{data}}</h1>
<div ng-repeat-end>{{data}}</div>
</body>
</html>