ng-class-oddDirectiva AngularJS
Ejemplo
Establezca class="striped" para cualquier otra fila de tabla (impar):
<table ng-controller="myCtrl">
<tr ng-repeat="x in records"
ng-class-odd="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
Definición y uso
La ng-class-odddirectiva vincula dinámicamente una o más clases de CSS a un elemento HTML, pero solo tendrá efecto en cualquier otra apariencia (extraña) del elemento HTML.
La ng-class-odddirectiva solo funcionará si se usa junto con la ng-repeatdirectiva.
La ng-class-odddirectiva es perfecta para diseñar elementos en una lista o filas en una tabla, pero se puede usar en cualquier elemento HTML.
Sintaxis
<element ng-class-odd="expression"></element>
Compatible con todos los elementos HTML.
Valores paramétricos
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |