我正在尝试使用 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 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 数量或仅显示数据集的某些索引?
最佳答案
您实际上正在描述过滤器的使用limitTo ,您可以在其中设置要在 ng-repeat 中显示的项目数的偏移量。
你可以这样做:-
<div ng-repeat="event in eventSearchService.events | limitTo: 8" ng-show="$odd">
</div>
请记住,ng-show
仍会渲染元素并将其保留在 DOM 中,如果您不想要 ,您可能需要使用
元素。ng-if
DOM 中的 $even
关于javascript - Angular JS ng-show 设置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25614591/