Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在每次更新角度视图时停止页面滚动_Javascript_Angularjs - Fatal编程技术网

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

Javascript 如何在每次更新角度视图时停止页面滚动,javascript,angularjs,Javascript,Angularjs,每次更新绑定到视图的部分模型时,我的页面都会滚动。我认为当视图更新时,页面会滚动。如何消除这种行为 下面是一个下拉列表示例。每次选择下拉列表中的项目时,我都会更新模型。然后,页面滚动: <div class="header_item btn-group" dropdown is-open="dd8.isopen"> <button type="button" class="btn btn-primary dropdown-toggle" ng-disabled="di

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

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

<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>

{{a.Summaries[a.summaryIdShown].AgeSpecified}

提前感谢。

这就是页面滚动的原因:
href=“#”
href
属性中的典当符号表示:滚动到顶部。要解决这个问题,只需在Angular中设置为
href=“javascript:void(0)”

,href=“#”不会阻止默认的单击操作,因为这是导致重新加载的指令