AngularJS:只刷新一个来自ng-repeat的div

时间:2013-04-22 08:57:13

标签: javascript jquery angularjs angularjs-ng-repeat

我在页面中有多个div。每个div包含不同的id。 在每个div中都存在一些高图表,还有一些用于过滤结果的链接。 每个div都来自angularJS的ng-repeat:

<li id="{{record.id}} "ng-repeat = "record in records">

此列表中的一个div就像以下结构:

<div id="criteria">
    <!--Calling a Pie chart that works fine -->
    <a href="#" onclick="edit();">
</div>

我在同一页面上的脚本如下:

<script type= "text/javascript">
function edit(){
    var criteria=prompt("Please enter criteria");
    if (criteria=="Login")
       {
       $("#criteria").load("Loginbar.html");
       }      
    }
</script>

现在我的问题是,当我点击编辑时,它将询问标准,当我进入登录时,饼图由登录栏图表替换,但当时整页正在刷新。

我希望只刷新id =“criteria”的div。

我已经尝试过以下但这不起作用:

 $("#criteria").html();

需要帮助。谢谢。

1 个答案:

答案 0 :(得分:0)

尝试

<a href="#" onclick="edit(); return false;">