AngularJS ng-class-odd-kommando

Definition og brug

ng-class-odd Kommandoer dynamisk knytter en eller flere CSS-klasser til HTML-elementer, men virker kun hver anden (ulige) gang HTML-elementet optræder.

ng-class-odd Kommandoer skal kun anvendes sammen med ng-repeat er kun gyldigt, når brugt sammen.

ng-class-odd Direktivet er meget velegnet til at sætte stil på elementer i en liste eller rækker i en tabel, men det kan også bruges på ethvert HTML-element.

Eksempel

Indstil class="striped" til hver anden række (ulige rækker) i tabellen:

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

Prøv det selv

Syntaks

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

Alle HTML-elementer understøtter.

Parametre