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
.
<ANY ng-class-even="{expression}"> ... </ANY>
<ANY class="ng-class-even: {expression};"> ... </ANY>
ng-class-even – {expression} –
Expression to eval. The result of the evaluation can be a string representing space delimited class names or an array.
<ol ng-init="names=['John', 'Mary', 'Cate', 'Suz']"> <li ng-repeat="name in names"> <span ng-class-odd="'odd'" ng-class-even="'even'"> {{name}} </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/); });