ng-class-odd
Directive AngularJS
Exemple
Définissez class="striped" pour chaque autre ligne de tableau (impaire) :
<table ng-controller="myCtrl">
<tr ng-repeat="x in records"
ng-class-odd="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
Définition et utilisation
La ng-class-odd
directive lie dynamiquement une ou plusieurs classes CSS à un élément HTML, mais ne prendra effet que sur toutes les autres apparences (impaires) de l'élément HTML.
La ng-class-odd
directive ne fonctionnera que si elle est utilisée avec la ng-repeat
directive.
La ng-class-odd
directive est parfaite pour styliser les éléments d'une liste ou les lignes d'un tableau, mais elle peut être utilisée sur n'importe quel élément HTML.
Syntaxe
<element ng-class-odd="expression"></element>
Pris en charge par tous les éléments HTML.
Valeurs des paramètres
Value | Description |
---|---|
expression | An expression that returns one or more class names. |