AngularJS `ng-class-even`指令

AngularJS 实例

表格の偶数行に 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>

ng-class-evenディレクティブは、HTML要素に1つ以上のCSSクラスを動的にバインドするために使用されますが、偶数の行にのみ作用します。

ng-class-evenディレクティブは〜と一緒に使用する必要があるng-repeatディレクティブと組み合わせて使用します。

ng-class-evenディレクティブはテーブルのスタイルレンダリングでの使用が推奨されていますが、すべてのHTML要素がサポートされています。

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

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

值	描述
expression	式は1つ以上のCSSクラスを指定します。

其他扩展