angular.directive.ng:class-odd.html

<h1>angular.directive.ng:class-odd</h1>
<div class="angular-directive-ng-class-odd"><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>
<div class="description"><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></div>
<h2>Usage</h2>
<div class="usage"><pre class="brush: js; html-script: true;">&lt;ANY ng:class-odd="expression"&gt;
   ...
&lt;/ANY&gt;</pre>
<h3>Parameters</h3>
<ul class="parameters"><li><code ng:non-bindable="">expression – {expression} – </code>
<p>to eval. Must be inside
<code>ng:repeat</code>.</p></li>
</ul>
</div>
<h2>Example</h2>
<div class="example"><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></div>
</div>