吳重複與陣列中的每個重複的兩個值

Question

我正在使用引導，並想通過數組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> 

Answer 1

這裏是你可以做什麼。你把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代替其父循環。

Answer 2

您可以嘗試

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