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