2

AngularJS ng-repeat を使用してこの構造を繰り返すにはどうすればよいですか?

<div class=black></div>
<div class=white></div>
<div class=black></div>
<div class=white></div>

...etc(タグでラップしない)

4

3 に答える 3

7

アイテムの配列を繰り返し処理していて、黒/白の背景を交互にする必要がある場合は、次のようにできます。

<div ng-repeat="item in items" ng-class-odd="'black'" ng-class-even="'white'">
</div>

http://jsfiddle.net/fNCnr/1/

于 2013-01-08T18:29:25.970 に答える
0
<div ng-repeat="color in ['black','white']" class="{{color}}"></div>

出力:

<div ng-repeat="color in ['black','white']" class="black"></div>
<div ng-repeat="color in ['black','white']" class="white"></div>

または(より冗長):

<div ng-repeat="color in ['black','white']" ng-class="color"></div>

出力:

<div ng-repeat="color in ['black','white']" ng-class="color" class="ng-scope black"></div>
<div ng-repeat="color in ['black','white']" ng-class="color" class="ng-scope white"></div>
于 2013-01-08T18:21:07.513 に答える
0

コントローラーで、色のリストを定義します。

$scope.colors = ['black', 'white', 'black', 'white', 'black', 'white', ...];

HTML:

<div ng-repeat="color in colors" ng-class="color"></div>

jsFiddleを参照してください。

于 2013-01-08T18:23:24.693 に答える