加载div-click

时间:2015-12-14 12:57:14

标签: javascript html angularjs

我有div部分,用于显示回复评论中的表格

 <div class="box-body showmycomments"></div>
 <div class="box-footer showmycomments"></div>

我在另一个div中有回复评论锚标记

<a ng-click="add(data)" style="cursor:pointer;" > Reply Comments</a> 

现在我想加载&#39; showmycomments&#39;关于ng-click的每个回复评论的div。

我的模块有多条评论和回复评论选项位于ng-repeat我需要加载div&#39; showmycomment&#39;对于每个重播评论。 注释显示如图所示。如果我单击显示注释,因为它显示第二张图像中显示的表单。如果我点击锚标记,我想加载表格下面的回复评论。

enter image description here

图片2

enter image description here

1 个答案:

答案 0 :(得分:0)

在我看来,你的做法是错误的。

您应该使用ng-include在任何需要的位置注入一个完整的HTML,而不是创建div并复制它(可能是混乱的)。

这看起来像这样:

index.html (或您拥有ng-repeat的html

<div ng-repeat="comment in comments">
    <div ng-include="'comment.html'"></div>
</div>

comment.html - 您可以在这里使用上面的comment

<div class="comment-container">
     {{ comment.text }}
</div>

因此,对于每件商品,您都会复制comment.html并填写所需的任何内容。