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

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

來源

2017-04-11 Bish25

你想要偶數和奇數索引差異嗎？ – valbrux

如果是每次創建一行有2個col-sm-6的行時，只需使用一行並循環顯示col-sm-6就可以了 – Groben

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

來源

2017-04-11 08:47:04 tanmay

只有一位理解它的人是關於bootstrap的。我喜歡你的解決方案，儘管我只是在col-sm-6上循環 – Groben

您可以嘗試

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

來源

2017-04-11 08:46:35 Akashii

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

回答

相關問題