AngularJS ng-class-oddDirektive
AngularJS-ReferenzhandbuchAngularJS-Beispiel
Setzt class="striped" für ungerade Tabellenzeilen:
<table ng-controller="myCtrl">
<tr ng-repeat="x in records" ng-class-odd="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
<tr ng-repeat="x in records" ng-class-odd="'striped'">
<td>{{x.Name}}</td>
<td>{{x.Country}}</td>
</tr>
</table>
Selbst ausprobieren »
Definition und Verwendung
ng-class-oddDie Direktive wird verwendet, um dynamisch eine oder mehrere CSS-Klassen an HTML-Elemente zu binden, gilt jedoch nur für ungerade Zeilen.
ng-class-oddDie Direktive muss in Verbindung mit der Direktiveng-repeatverwendet werden.
ng-class-oddDie Direktive wird für das Styling beim Tabellen-Rendering empfohlen, aber alle HTML-Elemente werden unterstützt.
Syntax
<element ng-class-odd="expression"></element>
Von allen HTML-Elementen unterstützt.
Parameterwerte
| Wert | Beschreibung |
|---|---|
| expression | Ausdruck, der eine oder mehrere CSS-Klassen angibt. |
Andere Erweiterungen