AngularJS ng-class-odd Directive

AngularJS Reference

AngularJS Examples

Set class="striped" for odd rows in a table:

<table ng-controller="myCtrl">
<tr ng-repeat="x in records" ng-class-odd="'striped'">
    <td>{{x.Name}}</td>
    <td>{{x.Country}}</td>
</tr>
</table>

Try it yourself »

Definition and Usage

The ng-class-odd directive dynamically binds one or more CSS classes to an HTML element, but only applies to odd rows.

The ng-class-odd directive must be used in conjunction with the ng-repeat directive.

The ng-class-odd directive is recommended for styling tables, but all HTML elements are supported.

Syntax

<element ng-class-odd="expression"></element>

All HTML elements support it.

Parameter Values