时间戳

首页 > 解决方案 > 如何在 AngularJS 中使用 Ng-repeat-start 和 Ng-repeat-end 创建重复的多个元素？

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

问题描述

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

我在一个内行上取得了一些成功，但我想展示 3-4 行这样的行供参考。 在这里检查代码

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

标签： javascriptangularjs

解决方案

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

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

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

推荐阅读