<!doctype html>
<html ng-app="myApp1">
<head>
<meta charset="UTF-8">
<title>angular</title>
<script src="../src/angular.min.js"></script>
<script>
var m1=angular.module('myApp1',[]);
m1.controller('aaa',['$scope',function ($scope) {
$scope.dataList = [
'aaaaa' , 'bbbbb' , 'cccccc','dddd' , 'eeeee' , 'ffffff'
];
}]);
</script>
<style>
.css1{color:red;}
.css2{color:blue;}
</style>
</head>
<body>
<div ng-controller="aaa">
<P>ng-repeat指令:遍历集合</P>
<ul>数据data输出,$even奇数项选择:
<li ng-repeat="data in dataList" class="{{ $even ? 'css1': 'css2'}}">{{data}}</li>
</ul>
</div>
</body>
</html>
效果图显示: