Question

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

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

<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)"。

Answer 2

在Angular中，href =“＃”不会阻止默认的单击操作，因为这是一个指令，它导致重新加载<a href=''..>应解决您的问题。可以找到锚标签指令的文档here

每次更新我的角度视图时如何停止页面滚动

2 个答案: