2016-04-28 14 views
-4

私はクラスcol-leftとcol-rightで2つのdivを得ました。AngularJS ng-repeat columns

<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> 

はそれが役に立てば幸い:私は、次の使用NGリピート

+0

良い方法だと思います。 ng-repeatを使ってcol-leftとcol-rightを使って何を達成したいのですか? – ariezona

+0

申し訳ありません、仲間は次回より説明しようとします。以下の答えは素晴らしいです – user3052526

答えて

0

私はこの質問は私にとって明確ではない

<span ng-repeat="value in items track by $index"> 
    <div class="{'col-left':$odd, 'col-right':$even}">{{value.content}}</div> 
</span> 
0
<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"> 
<div> 
    <div class='col-left'>{{val.content}}</div> 
    <div class='col-right'>{{val.content}}</div> 
</div> 
</span> 
かを達成することができますどのように

+1

これに '$ even'と' $ odd'を使うことができます。 [documentation](https://docs.angularjs.org/api/ng/directive/ngRepeat) –

+0

はい、$ evenと$ oddがより良い方法に見えます! – Sparw