ng-class-evenDirectiva AngularJS


Ejemplo

Establezca class="striped" para cualquier otra fila de la tabla (par):

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

Definición y uso

La ng-class-evendirectiva vincula dinámicamente una o más clases CSS a un elemento HTML, pero solo tendrá efecto en cualquier otra apariencia (par) del elemento HTML.

La ng-class-evendirectiva solo funcionará si se usa junto con la ng-repeatdirectiva.

La ng-class-evendirectiva 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-even="expression"></element>

Compatible con todos los elementos HTML.


Valores paramétricos

Value Description
expression An expression that returns one or more class names.