2017-04-11 100 views
0

我正在使用引导,并想通过数组ng-repeat,但我需要得到每个循环的2个值。例如,我希望b.name预订[0],另一个b.name预订[1]。我目前正在添加每一行然后添加值。吴重复与阵列中的每个重复的两个值

<div class="row" ng-repeat="b in booking"> 
    <div class="col-sm-6"> 
     <label><input icheck type="checkbox" ng-model="basicIntake.email_subscription"> 
      {{b.name}} 
     </label> 
    </div> 
    <div class="col-sm-6"> 
     <label><input icheck type="checkbox" ng-model="basicIntake.email_subscription"> 
      {{b.name}} 
     </label> 
    </div> 
</div> 
+0

你想要偶数和奇数索引差异吗? – valbrux

+1

如果是每次创建一行有2个col-sm-6的行时,只需使用一行并循环显示col-sm-6就可以了 – Groben

回答

3

这里是你可以做什么。你把ng-if="$even"这样的奇数,它不会渲染它。但是,您可以使用{{booking[$index+1].name}}将下一个奇数呈现在同一行中。

事情是这样的:

<div class="row" ng-repeat="b in booking" ng-if="$even"> 
    <div class="col-sm-6"> 
     <label><input icheck type="checkbox" ng-model="basicIntake.email_subscription"> 
      {{b.name}} 
     </label> 
    </div> 
    <div class="col-sm-6"> 
     <label><input icheck type="checkbox" ng-model="basicIntake.email_subscription"> 
      {{booking[$index+1].name}} 
     </label> 
    </div> 
</div> 

或者,您可以通过col-sm-6代替其父循环。

+0

只有一位理解它的人是关于bootstrap的。我喜欢你的解决方案,尽管我只是在col-sm-6上循环 – Groben

1

您可以尝试

<div class="row" > 
    <div class="col-sm-6" ng-repeat="b in booking | limitTo:2"> 
     <label><input icheck type="checkbox" ng-model="basicIntake.email_subscription"> 
      {{b.name}} 
     </label> 
    </div> 
    <div class="col-sm-6" ng-repeat="b in booking | limitTo:2:2"> 
     <label><input icheck type="checkbox" ng-model="basicIntake.email_subscription"> 
      {{b.name}} 
     </label> 
    </div> 
</div>