angular.directive.ng:class-even

Work in Progress This page is currently being revised. It might be incomplete or contain inaccuracies.

Description

The ng:class-odd and ng:class-even works exactly as ng:class, except it works in conjunction with ng:repeat and takes affect only on odd (even) rows.

This directive can be applied only within a scope of an ng:repeat.

Usage

<ANY ng:class-even="expression">
   ...
</ANY>

Parameters

Example

   <ol ng:init="names=['John', 'Mary', 'Cate', 'Suz']">
     <li ng:repeat="name in names">
      <span ng:class-odd="'ng-format-negative'"
            ng:class-even="'ng-input-indicator-wait'">
        {{name}} &nbsp; &nbsp; &nbsp;
      </span>
     </li>
   </ol>
  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/);
  });