Question

我想创建一个表，在其中单击一列行时，该表下方会显示一个新行。我的意思是正常表将存在，并且在该行下面的该+图标上单击时将在其中显示+图标，将显示3-4个新行，如果再次单击，则应关闭+图标。

我在一个内排上取得了一些成功，但我想显示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的结束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);即可添加新行。请检查工作提琴link here

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

1 个答案: