Najnowsze tutoriale tworzenie stron internetowych
 

AngularJS ng-klasy dziwne dyrektywa


Przykład

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

Definicja i Wykorzystanie

ng-class-odd dyrektywy dynamicznie wiąże jedną lub więcej klas CSS do elementu HTML, ale będzie miała wpływ tylko na każdej innej (nieparzyste) appearence elementu HTML.

ng-class-odd dyrektywa będzie działać tylko wtedy, gdy jest stosowany razem z ng-repeat dyrektywy.

ng-class-odd dyrektywa jest idealny dla elementów stylizacji na liście lub wierszy w tabeli, ale może być używany na każdym elemencie HTML.


Składnia

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

Obsługiwane przez wszystkich elementów HTML.


wartości parametrów

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