Polecenie AngularJS ng-class-odd

Definicja i użycie

ng-class-odd Polecenie dynamicznie przypisuje jedną lub kilka klas CSS do elementu HTML, ale działa tylko przy każdej drugiej (nieparzystej) wystąpieniu elementu HTML.

ng-class-odd Polecenie działa tylko wtedy, gdy ng-repeat jest skuteczna tylko w połączeniu z innymi instrukcjami.

ng-class-odd Instrukcja jest bardzo odpowiednia do ustawiania stylów dla elementów listy lub wierszy tabeli, ale może być używana z dowolnym elementem HTML.

Przykład

Ustaw klasę "striped" dla każdej drugiej wiersza tabeli:

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

Spróbuj sam

Gramatyka

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

Wszystkie elementy HTML obsługują.

Parametry

Parametry Opis
expression Wyrażenie zwracające jedną lub kilka klas.