如何在AngularJS中使用Ng-repeat-start和Ng-repeat-end创建重复的多个元素？

Question

我想创建一个表，在那里单击一个列行，一个新的行会显示在该表的下面。我的意思是，正常的表格将在那里，并将有一个+图标，点击下面的+图标，第3-4行将显示新的行，如果我再次点击then +图标，它应该会接近。

我在一个内部行中取得了一些成功，但我想显示3-4行，以供参考。check code here

  <tr class="trigger" ng-repeat-start="car in carList | filter:tableFilter" ng-click="main.activeRow = car.name">

Answer 1

据我所知，您需要在行本身上添加和删除之类的东西。在我开始之前，请阅读here关于ng-repeat和ng-repeat-start之间的区别，如果它有帮助的话。

进一步添加关于ng-repeat-start和-end来源：here

ng- repeat -start指令的工作方式与ng-repeat相同，但它将重复所有HTML代码(包括定义它的标记)，直到放置ng-repeat-end的结束标记为止。

<header ng-repeat-start="item in items"> Header {{ item }} </header>
<div class="body">    Body {{ item }} </div>
<footer ng-repeat-end>   Footer {{ item }} </footer>

只需添加$scope.carList.push(newcarlist);即可添加新行。请检查fiddle link here是否正常工作