The ngClassOdd and ngClassEven directives work exactly as
ngClass, except they work in
conjunction with ngRepeat and take effect only on odd (even) rows.
This directive can be applied only within the scope of an ngRepeat.
<ANY
ng-class-odd="">
...
</ANY>
<ANY class="ng-class-odd: ;"> ... </ANY>
| Param | Type | Details |
|---|---|---|
| ngClassOdd | 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>
.odd {
color: red;
}
.even {
color: blue;
}
it('should check ng-class-odd and ng-class-even', function() {
expect(element(by.repeater('name in names').row(0).column('name')).getAttribute('class')).
toMatch(/odd/);
expect(element(by.repeater('name in names').row(1).column('name')).getAttribute('class')).
toMatch(/even/);
});