javascript - Angular JS ng-show 设置

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 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 数量或仅显示数据集的某些索引？

Answer 1

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

你可以这样做:-

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

请记住，ng-show 仍会渲染元素并将其保留在 DOM 中，如果您不想要 ，您可能需要使用 ng-if DOM 中的 $even 元素。