AngularJS Example

by dandoyon

HTML

<div ng-app="">
  <ol ng-init="names=['John', 'Mary', 'Cate', 'Suz']">
    <li ng-repeat="name in names">
     <span ng-class-odd="'odd'" ng-class-even="'even'">
       {{name}} &nbsp; &nbsp; &nbsp;
     </span>
    </li>
  </ol>
</div>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<script src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
<style>
​.ng-invalid { border: 1px solid red; }​
.odd {
  color: red;
}
.even {
  color: blue;
}