AngularJS ng-class-even 指示

定義と使用法

ng-class-even 指示は、1つまたは複数のCSSクラスをHTML要素に動的にバインドしますが、HTML要素の偶数回目の表示時にのみ有効です。

ng-class-even 指示は、HTML要素にバインドする際にのみ有効です。 ng-repeat インストラクションが一緒に使用される場合にのみ有効です。

ng-class-even インストラクションはリストのアイテムやテーブルの行にスタイルを設定するのに非常に適していますが、どの HTML 要素にも使用できます。

例

偶数行のテーブル行に class="striped" を設定します：

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

実際に試してみてください

文法

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

すべての HTML 要素がサポートされています。

パラメータ