AngularJSng-class-oddディレクティブ
例
1つおきの（奇数）テーブル行に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-odd1つ以上のCSSクラスをHTML要素に動的にバインドしますが、HTML要素の他のすべての（奇妙な）外観に対してのみ有効になります。
ディレクティブは、ディレクティブng-class-oddと一緒に使用された場合にのみ機能しng-repeatます。
このng-class-oddディレクティブは、リスト内のアイテムまたはテーブル内の行のスタイル設定に最適ですが、任意のHTML要素で使用できます。
構文
<element ng-class-odd="expression"></element>
すべてのHTML要素でサポートされています。
パラメータ値
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |