如何停止角度重新加載時的地址改變

Question

我採用了棱角分明的scrollTo和anchorScroll這樣的：

app.controller('TestCtrl', function($scope, $location, $anchorScroll) { 
    $scope.scrollTo = function(id) { 
     $location.hash(id); 
     $anchorScroll(); 
    } 
}); 

<a ng-click="scrollTo('foo')">Foo</a> 

<div id="foo">Here you are</div> 

我的問題是，當我點擊鏈接頁面滾動下來，但在案件的50％頁面重新加載，因爲URL中的哈希值發生變化。

我如何防止重新加載頁面角？

更新： 我發現這裏

https://groups.google.com/forum/?fromgroups=#!msg/angular/BY2ekZLbnIM/MORF-z2vHnIJ

是

The $location service broadcasts a $locationChangeStart event. You can observe that and call event.preventDefault() to stop the navigation. Nice!

任何人都可以告訴你怎麼觀察的事件，可以防止默認

Answer 1

這一事件發出在rootScope上，所以你可以使用01註冊一個觀察者方法。

$scope.$on('$locationChangeStart', function(ev) { 
    ev.preventDefault(); 
}); 

Answer 2

您可以添加$事件參數到NG-click處理程序：

<a ng-click="scrollTo('foo', $event)">Foo</a> 

和scrollTo功能，你可以做下一個：

scope.scrollTo = function(str, event) { 
    event.preventDefault(); 
    event.stopPropagation(); 

    /** SOME OTHER LOGIC */ 
} 

但是，這意味着你應該手動解析來自「a」元素的目標錨點散列。

Answer 3

刷新正在發生的事情，因爲沒有到locationChangeStart事件的調用。您可以通過執行停止此：

scope.$on('$locationChangeStart', function(ev) { 
    ev.preventDefault(); 
}); 

其實我最後寫一個使用它這裏面叫我自己scrollTo指令。

Plnkr/Github

My other post about this here

Answer 4

爲了防止從頁面中的角度錨重裝，添加一個空href屬性。

<a href ng-click="scrollTo('foo')">Foo</a> OR <a href="" ng-click="scrollTo('foo')">Foo</a> 

DOC：https://docs.angularjs.org/api/ng/directive/ngHref

Answer 5

我想這可能幫助ü

$scope.redirectTodiv = function(divname,event) { 
    var id = $location.hash(); 
    $location.hash(divname); 
    $anchorScroll(); 
    $location.hash(id); 
}; 

來自：https://stackoverflow.com/a/25930875/4138368