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

Question

我在一个页面中有多个 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();

需要帮助。谢谢。

Answer 1

试试

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