如何在AngularJS中使用Ng重复开始和Ng重复结束创建重复的多个元素

Question

我想创建一个表，单击一列的行，就会在该表下面显示新行。我的意思是，正常的表格会在那里，点击该行下方的+图标就会出现一个+图标，3-4个新的行会显示出来，如果我再次点击+图标，它应该会关闭。

我在一个内排中取得了一些成功，但我想展示3-4排这样的内容以供参考。此处的检查代码

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

Answer 1

根据我的理解，您想要类似add&删除行本身。在我开始之前，请阅读这里关于ng重复和ng重复开始之间的区别，如果有帮助的话。

进一步添加关于ng重复开始和结束来源：此处：

---

ng repeat start指令的工作原理与ng-reeat相同，但将重复所有HTML代码(包括在其上定义的标记(，直到包括放置ng个重复结束的结束HTML标签。

<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);即可添加新行。Plz检查此处的工作小提琴链接