angularjs - Angular ng-repeat の条件/ディレクティブ

Question

私はAngularを使い始めたばかりです。現在、製品の json 配列が ng-repeat 内に表示されており、3 つおきの製品にクラスを追加しようとしています。

index%3 が 2 の場合に html 要素にクラスを追加する条件をリピーター内に記述する方法はありますか

ありがとう

Answer 1

もちろん！

<div ng-repeat='item in items' ng-class='{third: $index%3==2}'>{{item}}</div>

http://plnkr.co/edit/24Ne1Cyh71INYIKxBCcc

Answer 2

はい、次のng-classディレクティブを使用します。

<div ng-repeat="item in items" ng-class="{ 'third-elm': $index%3 == 2 }">{{item.value}}</div>

jsFiddle : http://jsfiddle.net/bmleite/dKjz5/