Instruction AngularJS ng-class-odd

Définition et utilisation

ng-class-odd Les instructions dynamiquement lient une ou plusieurs classes CSS aux éléments HTML, mais ne fonctionnent que lorsque les éléments HTML apparaissent à chaque intervalle ( impair ).

ng-class-odd Les instructions ne sont valables que lorsque ng-repeat sont efficaces uniquement lorsqu'elles sont utilisées ensemble.

ng-class-odd Les instructions sont très appropriées pour définir les styles des éléments de liste ou des lignes de table, mais elles peuvent être utilisées pour n'importe quel élément HTML.

Exemple

Définir la classe "striped" pour chaque ligne pair (ligne impaire) 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

Syntaxe

<element ng-class-odd="expression</element>

Tous les éléments HTML prennent en charge.

Paramètres