AngularJS ng-class-odd-instruktion

Definition och användning

ng-class-odd Instruktioner dynamiskt länkar en eller flera CSS-klasser till HTML-element, men endast när HTML-elementet uppträder varannan gång (udda).

ng-class-odd Instruktioner endast när de ng-repeat är endast effektivt när det används tillsammans med andra direktiv.

ng-class-odd Direktiven är mycket lämpligt för att sätta stil på objekt i en lista eller rader i en tabell, men det kan användas för alla HTML-element.

Exempel

Ställ in class="striped" för varje andra rad (udda rader) 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>

Prova själv

Syntax

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

Alla HTML-element stöder.

Parametrar