javascript - Angular JS - 如何在 ng-repeat 中添加额外的 DIV

Question

我有一个数组 a=[1,2,3,4,5,6]。

在此数组上使用 ng-repeat，我创建了 6 个 div。

请引用这个plunker

有没有办法在每一行之后再添加一个div。所以在 3 个 div 之后我想添加一个额外的 div。

我调查了 this例子。但他们正在创建一个子 div。是否可以在 ng-repeat

中创建同级 div

Answer 1

让我们试试 ng-repeat-start 和 ng-repeat-end。

<div class="example-animate-container">
  <div class="square" ng-repeat-start="friend in a">
   {{$index}}
  </div>
  <div ng-if="$index % 3 == 2" ng-repeat-end>
    extra div
  </div>
</div>

请注意，ng-repeat-start 指令自 Angular 1.2.1 起包含在内。

plnkr demo

ng-repeat:重复“一个”父元素的一系列元素

<!--====repeater range=====-->
  <Any ng-repeat="friend in friends">
  </Any>
<!--====end of repeater range=====-->

ng-repeat-start & ng-repeat-end:使用ng-repeat-start和ng-repeat-end定义扩展中继范围的起点和终点

<!--====repeater range start from here=====-->
<Any ng-repeat="friend in friends" ng-repeat-start> 
  {{friend.name}}
</Any><!-- ng-repeat element is not the end point of repeating range anymore-->

<!--Still in the repeater range-->
<h1>{{friend.name}}</h1>

<!--HTML tag with "ng-repeat-end" directive define the end point of range -->
<footer ng-repeat-end>
</footer>
<!--====end of repeater range=====-->