angular.directive.ng:class-odd.html

<h1>angular.directive.ng:class-odd</h1>
<h2>Description</h2>
<p>The <code>ng:class-odd</code> and <code>ng:class-even</code> works exactly as 
<code>ng:class</code>, except it works in conjunction with <code>ng:repeat</code> 
and takes affect only on odd (even) rows.</p>
<h2>Usage</h2>
<h3>In HTML Template Binding</h3>
<tt>
  <pre>
&lt;ANY ng:class-odd="expression"&gt;
  ...
&lt;/ANY&gt;
  </pre>
</tt>
<h3>Parameters</h3>
<ul>
    <li><tt>expression:expression</tt>: to eval. Must be inside 
<code>ng:repeat</code>.</li>
  </ul>
<h2>Example</h2>
<doc:example>
  <doc:source>
&lt;ol ng:init="names=['John', 'Mary', 'Cate', 'Suz']"&gt;
  &lt;li ng:repeat="name in names"&gt;
   &lt;span ng:class-odd="'ng-format-negative'"
         ng:class-even="'ng-input-indicator-wait'"&gt;
     {{name}} &amp;nbsp; &amp;nbsp; &amp;nbsp; 
   &lt;/span&gt;
  &lt;/li&gt;
&lt;/ol&gt;
  </doc:source>
  <doc:scenario>   it('should check ng:class-odd and ng:class-even', function(){
     expect(element('.doc-example-live li:first span').attr('className')).
       toMatch(/ng-format-negative/);
     expect(element('.doc-example-live li:last span').attr('className')).
       toMatch(/ng-input-indicator-wait/);
   });</doc:scenario>
</doc:example>