javascript - 每次更新 Angular View 时如何停止页面滚动

Question

每次更新绑定(bind)到我的 View 的模型部分时，我的页面都会滚动。我认为当 View 更新时，页面会滚动。如何消除这种行为？

这是一个下拉列表的示例。每次选择下拉列表中的项目时，我都会更新模型。然后，页面滚动:

<div class="header_item btn-group" dropdown is-open="dd8.isopen">
     <button type="button" class="btn btn-primary dropdown-toggle" ng-disabled="disabled">
     <span>{{a.Summaries[a.summaryIdShown].AgeSpecified}}</span> <span class="caret"></span>
     </button>
     <ul class="dropdown-menu accordion_item" role="menu">
            <li><a href="#" ng-click="a.Summaries[a.summaryIdShown].AgeSpecified='Adult'">Adult</a></li>
            <li><a href="#" ng-click="a.Summaries[a.summaryIdShown].AgeSpecified='Pediatric'">Pediatric</a></li>
            <li><a href="#" ng-click="a.Summaries[a.summaryIdShown].AgeSpecified='Both'">Both</a></li>
     </ul>
</div>

提前致谢。

Answer 1

这就是页面滚动的原因: href="#" 。 href 属性中的 pawn 符号表示:滚动到顶部。要解决此问题，只需设置为 href="javascript:void(0)"。