angularjs中的页面刷新问题

发布时间：2020-12-17 18:01:17 所属栏目：安全来源：网络整理

导读：我有一个特殊的问题.我正在使用anchorScroll服务将页面滚动到顶部以显示任何消息,例如错误或保存成功消息.我正在保存按钮操作中实现该功能. 这里发生了什么,当我第一次点击按钮时,它刷新页面,然后当我再次使用它时,我得到了所需的结果. 我想以某种方式阻止它

我有一个特殊的问题.我正在使用anchorScroll服务将页面滚动到顶部以显示任何消息,例如错误或保存成功消息.我正在保存按钮操作中实现该功能.

这里发生了什么,当我第一次点击按钮时,它刷新页面,然后当我再次使用它时,我得到了所需的结果.

我想以某种方式阻止它第一次刷新页面.

虽然我的表单位于表单标签内,但此按钮位于表单指令之外.
????包含$anchorScroll服务

<a id="top"></a>   at the top of my HTML page.

if(data.validateError==true )
                {
                    $scope.saveSuccessfull=false;
                    $scope.wrongInputError=true;
                    $scope.negErrorMessage=false;
                    $scope.loaderDiv=false;
                    $location.hash('top');
                     // call $anchorScroll()
                   $anchorScroll();

解决方法

从这个答案： https://stackoverflow.com/a/15935517/971,这对我有类似的问题证明是有用的.

var old = $location.hash();
$location.hash('top');
$anchorScroll();
//reset to old to keep any additional routing logic from kicking in
$location.hash(old);

这将阻止重新加载.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!