javascript - ng-repeat，每次重复使用数组中的两个值

Question

我正在使用 bootstrap，并且想通过数组进行 ng-repeat，但我需要在每个循环中获取 2 个值。对于这个例子，我希望 b.name 是 booking[0]，另一个 b.name 是 booking[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 而不是其父级。