AngularJS ng-class-odd-instructie

Definitie en gebruik

ng-class-odd Dynamisch een of meerdere CSS-classes koppelen aan HTML-elementen, maar alleen op elke odd (oneven) verschijning van het HTML-element.

ng-class-odd Instructies zijn alleen effectief als ze ng-repeat samen gebruikt zijn om effectief te zijn.

ng-class-odd De directieven zijn zeer geschikt om stijlen in te stellen voor items in een lijst of rijen in een tabel, maar ze kunnen ook worden gebruikt voor elk HTML-element.

Voorbeeld

Stel voor elke rij (oneven rij) in de tabel de class "striped" in:

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

Probeer het zelf

Syntax

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

Alle HTML-elementen ondersteunen.

Parameters