angular.directive.ng:class-odd.html

<h1>angular.directive.ng:class-odd</h1>
<fieldset class="workInProgress">
  <legend>Work In Progress</legend>
  This page is currently being revised. It might be incomplete or contain inaccuracies.
  
</fieldset>
<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</tt> –
      <tt>&#123;expression&#125;</tt>
      <tt></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>