ng-Wiederholung mit zwei Werten aus Array jede Wiederholung

Question

Ich benutze Bootstrap und möchte ng-repeat durch ein Array, aber ich brauche die 2 Werte jeder Schleife. Für das Beispiel möchte ich b.name buchen [0] und den anderen b.name buchen [1]. Ich füge gerade jede Zeile hinzu und füge dann den Wert hinzu.

<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

Hier ist, was Sie tun können. Sie setzen ng-if="$even" so für ungerade Zahlen, es wird es nicht rendern. Aber Sie können die nächste ungerade Zahl in derselben Zeile mit {{booking[$index+1].name}} rendern.

Etwas wie folgt aus:

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

Oder Sie können eine Schleife durch col-sm-6 statt seiner Eltern.

Answer 2

können Sie

versuchen

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