Question

我有这样的事情：

<div ng-repeat="atma in abc">
   <li ng-repeat="atma in abc.slice(0,3)"><span>{{$index+1}} - {{atma.weapon}} </span></li>
</div>

我希望将这些结果切换为每个div重复，每次使用索引中的3个项目。

所以我会从第一个div开始，显示从1到3的武器。第二个将具有4到6的元素。等等。

我可以在切片上使用$ index或类似的内容吗？

Ps。：这个问题来自于this question here.的最佳尝试我还有一些麻烦，但我根据切片做了什么，我又提出了一个问题。

Answer 1

第一

<div ng-repeat="atma in data">
   <ul ng-if="$index % 3 == 0">
       <li><span>{{data[$index]}} </span>
       </li>
       <li ng-if="$index+ 1 < data.length"><span>{{data[$index+1]}} </span>
       </li>
       <li ng-if="$index+ 2 < data.length"><span>{{data[$index+2]}} </span>
       </li>
   </ul>
</div>

第二

<div ng-repeat="atma in data">
   <ul ng-if="$index % 3 == 0" ng-init="tmp = data.slice($index, $index + 3)">
       <li ng-repeat="atma1 in tmp"><span>{{atma1}}</span>
       </li>
   </ul>
</div>

http://plnkr.co/edit/Uo1ROo549swNorzixTi3?p=preview

按索引切片，增量

1 个答案: