AngularJS- ng-class-oddDirektive
Beispiel
Setzen Sie class="striped" für jede zweite (ungerade) Tabellenzeile:
<table ng-controller="myCtrl">
<tr ng-repeat="x in records"
ng-class-odd="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
Definition und Verwendung
Die ng-class-oddDirektive bindet dynamisch eine oder mehrere CSS-Klassen an ein HTML-Element, wirkt sich aber nur auf jedes andere (ungerade) Erscheinungsbild des HTML-Elements aus.
Die ng-class-oddRichtlinie funktioniert nur, wenn sie zusammen mit der ng-repeatRichtlinie verwendet wird.
Die ng-class-oddDirektive eignet sich perfekt zum Gestalten von Elementen in einer Liste oder Zeilen in einer Tabelle, kann aber für jedes HTML-Element verwendet werden.
Syntax
<element ng-class-odd="expression"></element>
Unterstützt von allen HTML-Elementen.
Parameterwerte
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |