Javascript 角度JS ng显示设置

Javascript 角度JS ng显示设置,javascript,html,angularjs,angularjs-ng-repeat,angularjs-filter,Javascript,Html,Angularjs,Angularjs Ng Repeat,Angularjs Filter,我尝试使用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> <d

我尝试使用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 repeat,它比右div小得多的列延伸得更长。是否有办法限制左侧显示的div数量或仅显示数据集的某些索引?

您实际上是在描述过滤器的使用,您可以在其中设置要在ng repeat中显示的项目数的偏移量

你可以这样做:-

<div ng-repeat="event in eventSearchService.events | limitTo: 8" ng-show="$odd">
</div>


请记住,
ng show
仍将渲染元素并将其保留在DOM中,如果您根本不希望在DOM中使用
$偶数
元素,则可能需要使用
ng。您可以使用
limito
来限制要显示的数据集的数量