<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .even{ color: red; } .odd{ color: blue; } </style> </head> <body ng-app="app"> <ul ng-controller="people"> <li ng-repeat="person in persons" ng-class-even="'even'" ng-class-odd="'odd'"> {{person}} </li> </ul> <script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var app = angular.module('app' , []); app.controller('people' , ['$scope' , function($scope){ $scope.persons = ['xudy' , 'lpf' , 'laogong' , 'laopo']; }]); </script> </body> </html>
顺便说一下 ng-cloak就是在页面加载的时候，页面会显示{{}}这样的angular的表达式，为了在页面加载的时候不出现{{}}所以在指定的标签加上ng-cloak是非常必要的，但是angular.js不能放在最后面了，得放在head标签里面