最新のWeb開発のチュートリアル
 

AngularJS NG-クラス奇数指令


他のすべての(奇数)テーブル行のために= "ストライプ"クラスを設定します。

<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.