例
他のすべての(奇数)テーブル行のために= "ストライプ"クラスを設定します。
<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クラスを結合するが、唯一のHTML要素の他のすべての(奇数)appearenceに有効になります。
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. |