AngularJS Live Example

by zdam

HTML

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

CSS

</style>
<script src="http://docs-next.angularjs.org/angular-1.0.0rc2.min.js"></script>
<style>
.ng-invalid { border: 1px solid red; } 
body { font-family: Arial,Helvetica,sans-serif; }
body, td, th { font-size: 14px; margin: 0; }
table { border-collapse: separate; border-spacing: 2px; display: table; margin-bottom: 0; margin-top: 0; -moz-box-sizing: border-box; text-indent: 0; }
a:link, a:visited, a:hover { color: #5D6DB6; text-decoration: none; }
.error { color: red; }