javascript - AngularJS - 如何使用 ng-repeat 重复列表中的每 2 个项目？

Question

我正在使用 AngularJS 1.5.3

我有一个想要在 View 中显示的项目列表。我想每 2 个项目在第一个项目下方显示一个新的 div。

  <div class="col text-center" ng-repeat="event in weekDay.events">
    &nbsp;<small>{{ event.times }}</small>
  </div>

例如，这是我想要看到的结果:

我不确定如何使用 ng-repeat 来做到这一点。

Answer 1

为什么你没有 Bootstrap 来做到这一点？

<div class="row">
  <div class="col-xs-6 text-center" ng-repeat="event in weekDay.events">
    &nbsp;<small>{{ event.times }}</small>
  </div>
</div>