AngularJS ng-repeat列

Question

我得到了兩個類col-left和col-right的div。

我如何能實現以下使用NG-重複

<span ng-repeat="value in items"> 
<div> 
    <div class='col-left'>{{val.content}}</div> 
    <div class='col-right'>{{val.content}}</div> 
</div> 
</span> 

Answer 1

我覺得這是更好的辦法

<span ng-repeat="value in items track by $index"> 
    <div class="{'col-left':$odd, 'col-right':$even}">{{value.content}}</div> 
</span> 

Answer 2

<span ng-repeat="value in items track by $index"> 
<div> 
    <div class="col-left" ng-if="$index % 2 != 0">{{value.content}}</div> 
    <div class="col-right" ng-if="$index % 2 == 0">{{value.content}}</div> 
</div> 
</span> 

或者：

<span ng-repeat="value in items track by $index"> 
     <div> 
      <div ng-class-odd="'col-left'" ng-class-even="'col-right'"> 
       {{value.content}} 
      </div> 
     </div> 
    </span> 

希望它能幫助。