Angular Ng-重复设置

Question

我正在尝试使用ng-repeat和ng-show将数据分成两列

<div class="col-md-4">
<div class="row" infinite-scroll="eventSearchService.getMoreEvents()">
<div ng-repeat="event in eventSearchService.events" ng-show="$odd">
</div>
</div>
</div>

<div class="col-md-8">
<div class="row" infinite-scroll="eventSearchService.getMoreEvents()">
<div ng-repeat="event in eventSearchService.events" ng-show="$odd">
</div>
</div>
</div>

当它工作时，因为我将数据的赔率和偶数分开。发生的情况是，左侧div中的框要大得多，因此创建了一个div重复，它比右侧的列扩展得更长，后者的div要小得多。有没有办法限制左侧显示的div的数量，或者从我的数组中只显示{{events}}个特定的数字？

Answer 1

angular ng-repeat具有limitTo过滤器，允许您限制重复元素的数量。

例如：

<div class="col-md-4">
    <div class="row" infinite-scroll="eventSearchService.getMoreEvents()">
        <div ng-repeat="event in eventSearchService.events | limitTo : 8" ng-show="$odd">
        </div>
    </div>
</div>

这会将返回的元素计数限制为8