Как создать повторяющиеся несколько элементов, используя Ng-repeat-start и Ng-repeat-end в AngularJS?

Question

Я хочу создать таблицу, в которой при щелчке одной строки столбца под этой таблицей отображаются новые строки. Я имею в виду, что там будет обычная таблица и там будет значок + при нажатии этого значка + под этой строкой. Появятся 3-4 новые строки, и снова, если я нажму на значок +, он должен приблизиться.

Я добился некоторого успеха с одним внутренним рядом, но я хочу показать 3-4 строки для справки. код проверки здесь

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

Answer 1

Насколько я понимаю, вы хотите что-то вроде добавления и удаления в самой строке. Прежде чем начать, пожалуйста, прочитайте здесь о разнице между ng-repeat и ng-repeat-start, если это поможет.

Далее добавить о ng-repeat-start и -end source: here :

---

Директива ng-repeat-start работает так же, как ng-repeat, но будет повторить весь HTML-код (включая тег, на котором он определен) до и включая конечный 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);, чтобы добавить новые строки. Пожалуйста, проверьте рабочую скрипку ссылка здесь