AngularJS ng-class-odd -ohje

Määrittely ja käyttö

ng-class-odd Ohjeet sidottavat dynaamisesti yhden tai useamman CSS-luokan HTML-elementtiin, mutta ne ovat voimassa vain HTML-elementin joka toisella (parillisen) esiintymisellä.

ng-class-odd Ohjeet toimivat vain ng-repeat ohjeet ovat tehokkaita vain, jos ne käytetään yhdessä.

ng-class-odd Ohjeet sopivat erinomaisesti luettelon kohteiden tai taulukon rivien tyylejä asettamiseen, mutta niitä voidaan käyttää mitä tahansa HTML-elementtiin.

Esimerkki

Aseta jokaiselle parittomalle riville (parittomille riveille) luokka "striped":

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

Kokeile itse

Syntaksi

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

Kaikki HTML-elementit tukevat.

Parametrit