Istruzione AngularJS ng-class-odd

Definizione e utilizzo

ng-class-odd L'istruzione dinamica assegna una o più classi CSS agli elementi HTML, ma funziona solo ogni volta che l'elemento HTML si presenta per la prima volta (numeratore dispari).

ng-class-odd L'istruzione è valida solo quando associata a ng-repeat è efficace solo quando utilizzata insieme ad altre direttive.

ng-class-odd La direttiva è particolarmente adatta per impostare lo stile degli elementi di una lista o delle righe di una tabella, ma può essere utilizzata per qualsiasi elemento HTML.

Esempio

Imposta la classe "striped" per ogni riga di tabella (riga 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>

Prova tu stesso

Sintassi

<elemento ng-class-odd=""espressione</elemento>

Tutti gli elementi HTML supportano.

Parametro