Как добавить динамический div в виде списка и пожара на динамическом div в AngularJS?

Question

Я использовал ng-repeat для создания списка. В каждом элементе списка есть одна кнопка. Нажав на кнопку, действие() функции огонь и возвращаемое значение. После того, как функция action() возвратит значение, которое я хотел сделать ниже 1) Вставьте div() и покажите сообщение внутри div вместе с кнопкой action2 (ng-click = "action2 ({{возвращаемое значение из функции action()}})" и возвращает значение return функцией action()).

Ниже фрагмент кода

<ul class="list-group" ng-repeat="item in items"> 
    <li class="list-group-item">{{item.title}} 
     <div ng-click="action(item.id)">action</div> 
     <INJECT NEW DIV> 
    </li> 
</ul> 

1) Выше будет генерировать представление списка

2) Когда я нажимаю на действия DIV, должен обрабатывать действие и впрыснуть сгенерированный DIV (<INJECT NEW DIV>)

3) <INJECT NEW DIV> = <div ng-click="action2({{return value from action function}})">Action 2</div>

4) action(item.id) - обычная функция jquery/javascript

Answer 1

Наряду с $ передачи item-id события, чтобы захватить щелкнул элемент, а затем использовать Jquery InsertAfter(), чтобы вставить новый элемент после текущего щелкнули элемент с заданными атрибутами