例
他のすべての(偶数)テーブル行のために= "ストライプ"クラスを設定します。
<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クラスを結合するが、唯一のHTML要素の他のすべての(偶数)appearenceに有効になります。
ng-class-even
、それが一緒に使用されている場合ディレクティブのみ動作しますng-repeat
ディレクティブ。
ng-class-even
ディレクティブは、テーブル内のリストまたは行のスタイリングにピッタリなアイテムですが、任意のHTML要素で使用することができます。
構文
< element ng-class-even=" expression "></ element >
すべてのHTML要素によってサポートされています。
パラメーター値
Value | Description |
---|---|
expression | An expression that returns one or more class names. |