Angular Ng 重复设置答案

【问题标题】：Angular Ng-repeat setupAngular Ng 重复设置
【发布时间】：2014-09-02 08:27:24
【问题描述】：

我正在尝试使用 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}} 的特定数量？

【问题讨论】：

抱歉，您要做的是，一次 ng-repeat 您想根据某些条件显示两列？
是的，一个 ng-repeat 在两个单独的 col 中重复流动数据，这两个 col 有不同的盒子大小，赋予它砖石的外观和感觉，这有意义吗？
基于什么条件？
什么意思？控制器里有什么？
您缺少一些关闭 </div> 标记...

标签： javascript angularjs angularjs-ng-repeat ng-show

【解决方案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

【讨论】：