The ngClassOdd
and ngClassEven
works exactly as
ngClass
, except it works in
conjunction with ngRepeat
and takes affect only on odd (even) rows.
This directive can be applied only within a scope of an
ngRepeat
.
<ANY ng-class-even="{expression}"> ... </ANY>
<ANY class="ng-class-even: {expression};"> ... </ANY>
ngClassEven – {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/); });