Exemple
Set class = "rayé" pour tous les autres (impair) ligne de la table:
<table ng-controller="myCtrl">
<tr ng-repeat="x in records"
ng-class-odd="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
Essayez - le vous - même » Définition et utilisation
Le ng-class-odd directive lie dynamiquement une ou plusieurs classes CSS pour un élément HTML, mais ne prendra effet que sur tous les autres (impair) apparition de l'élément HTML.
Le ng-class-odd directive ne fonctionnera que si elle est utilisée conjointement avec le ng-repeat directive.
Le ng-class-odd directive est parfait pour les éléments de style dans une liste ou lignes d'une table, mais il peut être utilisé sur tout élément HTML.
Syntaxe
< element ng-class-odd=" expression "></ element >Pris en charge par tous les éléments HTML.
Paramètre valeurs
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |