angular.module.ng.$compileProvider.directive.ng-class-even

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

as attribute
<ANY ng-class-even="{expression}">
   ...
</ANY>
as class
<ANY class="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="'odd'" ng-class-even="'even'">
        {{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').prop('className')).
      toMatch(/odd/);
    expect(element('.doc-example-live li:last span').prop('className')).
      toMatch(/even/);
  });