AngularJS ng-class-even-instruktion

Definition och användning

ng-class-even Instruktioner dynamiskt binder en eller flera CSS-klasser till HTML-element, men fungerar endast vid varje andra (jämna) förekomst av HTML-elementet.

ng-class-even Instruktioner endast när de är ng-repeat instruktioner används tillsammans är det effektivt.

ng-class-even Instruktioner är mycket lämpliga för att sätta stil på objekt i en lista eller rader i en tabell, men de kan användas för alla HTML-element.

Exempel

Ställ in class="striped" för varje andra rad (jämna rader) i tabellen:

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

Prova själv

Syntax

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

Alla HTML-element stöder.

Parametrar

Parametrar Beskrivning
expression Returnerar en uttryck som en eller flera klassnamn.