AngularJS ng-class-even Anweisung

Definition und Verwendung

ng-class-even Anweisungen binden dynamisch eine oder mehrere CSS-Klassen an HTML-Elemente, aber nur bei jedem zweiten (ungeraden) Auftreten des HTML-Elements gültig.

ng-class-even Anweisungen sind nur gültig, wenn sie mit ng-repeat wird nur gemeinsam verwendet.

ng-class-even Die Anweisung ist besonders geeignet, um Stile für Elemente in einer Liste oder Zeilen in einer Tabelle zu setzen, aber sie kann für jedes HTML-Element verwendet werden.

Beispiel

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

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

Probieren Sie es selbst aus

Syntax

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

Alle HTML-Elemente unterstützen dies.

Parameter

Parameter Beschreibung
expression Gibt einen Ausdruck zurück, der eine oder mehrere Klassennamen enthält.