ng-class-oddDyrektywa AngularJS


Przykład

Ustaw class="striped" dla każdego innego (nieparzystego) 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>

Definicja i użycie

Dyrektywa ng-class-odddynamicznie wiąże jedną lub więcej klas CSS z elementem HTML, ale będzie obowiązywać tylko w przypadku każdego innego (nieparzystego) wyglądu elementu HTML.

Dyrektywa ng-class-oddbędzie działać tylko wtedy, gdy jest używana razem z ng-repeatdyrektywą.

Dyrektywa ng-class-oddjest idealna do stylizowania elementów na liście lub wierszy w tabeli, ale można jej użyć w dowolnym elemencie HTML.


Składnia

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

Obsługiwane przez wszystkie elementy HTML.


Wartości parametrów

Value Description
expression An expression that returns one or more class names.