ng-class-evenDirective AngularJS
Exemple
Définissez class="striped" pour chaque autre ligne de tableau (pair) :
<table ng-controller="myCtrl">
<tr ng-repeat="x in records"
ng-class-even="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
Définition et utilisation
La ng-class-evendirective lie dynamiquement une ou plusieurs classes CSS à un élément HTML, mais n'aura d'effet que sur toutes les autres apparitions (pairs) de l'élément HTML.
La ng-class-evendirective ne fonctionnera que si elle est utilisée avec la ng-repeatdirective.
La ng-class-evendirective 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-even="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. |