ng-class-oddDirettiva AngularJS
Esempio
Imposta class="striped" per ogni altra riga della tabella (dispari):
<table ng-controller="myCtrl">
<tr ng-repeat="x in records"
ng-class-odd="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
Definizione e utilizzo
La ng-class-odddirettiva associa dinamicamente una o più classi CSS a un elemento HTML, ma avrà effetto solo su ogni altro aspetto (strano) dell'elemento HTML.
La ng-class-odddirettiva funzionerà solo se utilizzata insieme alla ng-repeatdirettiva.
La ng-class-odddirettiva è 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-odd="expression"></element>
Supportato da tutti gli elementi HTML.
Valori dei parametri
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |