AngularJS ng-class-odd Anweisung

Definition und Verwendung

ng-class-odd Anweisungen binden dynamisch eine oder mehrere CSS-Klassen an HTML-Elemente, aber nur bei jeder zweiten (ungeraden) Erscheinung des HTML-Elements.

ng-class-odd Anweisungen sind nur dann aktiv, wenn sie mit ng-repeat kombiniert verwendet werden und sind dann wirksam.

ng-class-odd Anweisungen sind besonders gut geeignet, um Stile für Elemente in einer Liste oder Zeilen in einer Tabelle zu setzen, aber sie können auch für jedes HTML-Element verwendet werden.

Beispiel

Stellen Sie für jede Zeile (ungerade Zeilen) der Tabelle die Klasse "striped" ein:

<table ng-controller="myCtrl">
<tr ng-repeat="x in records" ng-class-odd="'striped'">
    <td>{{x.Name}}</td>
    <td>{{x.Country}}</td>
</tr>
</table>

Probieren Sie es selbst aus

Syntax

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

Alle HTML-Elemente unterstützen dies.

Parameter