Esempio
Set class = "strisce" per tutti gli altri (dispari) riga della tabella:
<table ng-controller="myCtrl">
<tr ng-repeat="x in records"
ng-class-odd="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
Prova tu stesso " Definizione e utilizzo
Il ng-class-odd direttiva si lega in modo dinamico di una o più classi CSS a un elemento HTML, ma avrà effetto solo su ogni altro (dispari) apparizione dell'elemento HTML.
Il ng-class-odd direttiva funziona solo se viene utilizzato insieme alla ng-repeat direttiva.
Il ng-class-odd direttiva è perfetto per gli articoli styling in un elenco o righe in una tabella, ma può essere utilizzato 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. |