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要小得多。有没有一种方法可以限制左侧显示的indexOf的数量，或者只显示数据集的某些div？

Answer 1

您实际上是在描述filter limitTo的用法，您可以在其中设置要在ng-repeat中显示的项数的偏移量。

你可以这样做：-

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

请记住，ng-show仍然会呈现元素并将其保存在DOM中，如果您根本不想在DOM中使用$even元素，则可能需要使用ng-if。