javascript - AngularJS ng-重复行/ul

Question

我有一个包含各种对象的 JSON 数组，我想使用 ng-repeat 在 HTML 中显示这些对象，但如下所示:

<ul>
    <li>object 1</li>
    <li>object 2</li>
    <li>object 3</li>
    <li>object 4</li>
</ul>
<ul>
    <li>object 5</li>
    <li>object 6</li>
    <li>object 7</li>
    <li>object 8</li>
</ul>

基本上我只想每行显示 4 个项目 (ul)我该怎么做？

谢谢!

Answer 1

您可以使用过滤器 limitTo

ng-repeat="item in items | limitTo:4"

更新:这应该有效

<ul ng-repeat="item in arr" ng-if="$index%4==0">
  <li ng-repeat="item in arr|limitTo:4:$index" >
    {{item}} 
  </li>
</ul>

Plnkr