Instrucción AngularJS ng-class-odd

Definición y uso

ng-class-odd La instrucción dinámicamente une una o más clases CSS a los elementos HTML, pero solo tiene efecto en la aparición de los elementos HTML cada vez que es impar (número impar).

ng-class-odd La instrucción solo es válida cuando se ng-repeat solo es efectivo cuando se utilizan juntas.

ng-class-odd Las directivas son muy adecuadas para establecer estilos para elementos de lista o filas de tabla, pero también se pueden usar para cualquier elemento HTML.

Ejemplo

Establece la clase "striped" para cada fila de tabla (fila 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>

Prueba por ti mismo

Sintaxis

<elemento ng-class-odd="expresión</elemento>

Todos los elementos HTML admiten.

Parámetros