2016-03-18 3 views
0

私は、htmlページに、私はいくつかの箱(フローチャート世代)と別の色を持っている必要があります生成されたすべての2番目のボックスを作成し、この要件を持っています。NGリピートで起こった反復回数を見つける方法はありますか?

ng-repeatで発生した反復の数を特定する方法があるかどうかを知りたいと思います。 ng-repeatを使用して、ゼロベースのイテレータインデックスである場合、予め

答えて

2

私はng-class-even & ng-class

<div ng-repeat="item in items" ng-class-even="evenClass" ng-class-odd="oddClass"> 
    {{item.name}} 
<div> 

CSS

.evenClass { 
    background: green; 
} 

.oddClass { 
    background: blue; 
} 
+0

あなたは、さらに良くなりました。 – Lex

+0

@Lexありがとう、私はあなたの初期の努力もCSSが好きです。 –

+0

あなたは私の一日を救った!再び!!! –

2

$index

おかげで自動的に生成されます。

<ul> 
    <li ng-repeat="item in items">{{item}} ({{$index}})</li> 
</ul> 

注:あなたにもCSSを使用した後であるかを達成する方法は、おそらくあります。 $インデックス%:

+1

'NG-クラス=" { 'diffの色-CSS-クラスのその使用を言うと思います2 == 0} "'おそらくli要素 –

+0

@LukeHutton私はおそらく 'nth-child(even)'と 'nth-child(odd)'セレクタも考えていました。 – Lex

+0

さらに良く組み立てられました。 –

関連する問題