ng-class-evenDirettiva AngularJS
Esempio
Imposta class="striped" per ogni altra riga (pari) della tabella:
<table ng-controller="myCtrl">
<tr ng-repeat="x in records"
ng-class-even="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
Definizione e utilizzo
La ng-class-evendirettiva associa dinamicamente una o più classi CSS a un elemento HTML, ma avrà effetto solo su ogni altro aspetto (pari) dell'elemento HTML.
La ng-class-evendirettiva funzionerà solo se utilizzata insieme alla ng-repeatdirettiva.
La ng-class-evendirettiva è perfetta per lo stile di elementi in un elenco o righe in una tabella, ma può essere utilizzata su qualsiasi elemento HTML.
Sintassi
<element ng-class-even="expression"></element>
Supportato da tutti gli elementi HTML.
Valori dei parametri
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |