<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Angular ngClassEven</title>
  
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>

</head>
<body ng-app="">
  
<ol ng-init="isimler=['Ahmet', 'Samed', 'Ozan', 'Erkan']">
  <li ng-repeat="isim in isimler">
   <span ng-class-odd="'tek'" ng-class-even="'cift'">
     {{isim}}
   </span>
  </li>
</ol>
  
</body>
</html>
.tek {
  color: red;
}
.cift {
  color: black;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.