如何在列表视图中注入动态div并在AngularJS中对动态div进行触发操作?

时间:2016-05-13 06:22:04

标签: angularjs

我使用ng-repeat生成列表。在每个列表项中有一个按钮。通过单击按钮,action()函数触发并返回值。一旦action()函数返回值,我想在下面做 1)插入div()并在div中显示消息以及action2按钮(ng-click =“action2({{return value from action()function}})”并传递值返回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函数

1 个答案:

答案 0 :(得分:0)

与item.id一起传递$ event以获取被点击的元素,然后使用jquery insertAfter()在具有所需属性的当前单击元素之后插入新元素