AngularJS `ng-class-odd`指令

AngularJS 实例

テーブルの奇数行に class="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>

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

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

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

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

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

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

其他扩展