Question

我有一个如下所示的ul li结构，并且需要在每个第二个元素之后添加空白li，如何在角度js中使用ng-repeat。

    <ul>
<li>content</li>
<li>content</li>
<li class="filler"></li>
<li>content</li>
<li>content</li>
</ul>

    <ul>
<li ng-repeat="item in items">item.content</li>
</ul>

Answer 1

一种方法是将ng-repeat-start与ng-repeat-end

一起使用

<li ng-repeat-start="item in items">{{item.content}}</li> 
<li ng-repeat-end ng-if="$index % 2 == 1">Filler</li>
<!--  OR -->
<li ng-repeat-end ng-if="$odd">Filler</li>

如果填充符纯粹是样式元素，则可以使用css进行管理而不使用ng-repeat-end

li:nth-child(odd):after{
  display:block;
  content: ' ';
  /** other filler rules **/
}

的 DEMO

使用angular js在每个第n个元素后附加一些元素

1 个答案: