Question

我正在使用bootstrap并希望通过数组进行重复，但我需要在每个循环中获得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>

每次重复从数组中取两个值的ng-repeat

2 个答案: