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

我有一个数组

a=[1,2,3,4,5,6]

在这个数组上使用

ng repeat

，我正在创建6个

div

请参考这个

有没有办法在每行后面再添加一个

div

。因此，在3个div之后，我想添加一个额外的

div

---

我研究了这个例子。但是他们正在创建一个子

div

。是否可以在ng repeat中创建同级

div

您可以使用空div作为repeat的容器。然后仅将子元素渲染为正方形（或任何您想要的）。这样，您的额外div将是一个兄弟姐妹，而不是一个孩子

---

请看我的示例：

看看这里的这个plunker，它可能是您的解决方案吗？我不太理解您的问题，因为我认为最好在外部js文件中实例化您的数组，但除此之外，请看这里的

ng repeat start

和

ng repeat end

语法就是为了这个目的而引入的。请参阅文档

因此，您将执行以下操作：

<div ng-init="a = [1,2,3,4,5,6]">

<div class="example-animate-container">
  <div class="square" ng-repeat-start="friend in a">
   {{$index}}
  </div>
  <div ng-repeat-end>Footer</div>
</div>

{{$index}}
页脚

让我们尝试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>

{{$index}}
额外div

请注意，从1.2.1开始，包括ng重复启动指令

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=====-->

{{friend.name}
{{friend.name}

您能解释一下

ng repeat start

和

ng repear end

是如何工作的吗？+1用于本例，但我认为您使用

ng repeat start

的第二个示例是错误的。有

的地方应该是

。除此之外，它对我不起作用。