Beispiel
Set class = "gestreift" für jede andere (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>
Versuch es selber " Definition und Verwendung
Die ng-class-odd Direktive bindet dynamisch ein oder mehrere CSS - Klassen zu einem HTML - Element, wird aber erst wirksam, auf jeder anderen (ungerade) appearence des HTML - Elements.
Die ng-class-odd Richtlinie wird nur funktionieren , wenn sie zusammen mit der verwendet wird , ng-repeat - Richtlinie.
Die ng-class-odd Richtlinie ist perfekt für Styling Elemente in einer Liste oder Zeilen in einer Tabelle, aber es kann auf jedem beliebigen HTML - Element verwendet werden.
Syntax
< element ng-class-odd=" expression "></ element >Unterstützt durch alle HTML-Elemente.
Parameterwerte
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |