angularjs在加载视图时清除历史记录

Question

有没有方法清除Angular JS在通过routeProvider加载特定视图时存储的历史记录？

我正在使用angular创建一个公共安装，并且历史记录将会建立很多，所以我想在主页加载时清除它。

Answer 1

内的控制器我增加了一个功能，改变视图：

$scope.changeView = function(view) { 
    $location.path(view); 
    $location.replace(); 
} 

然后在视图中我添加了一个NG-点击调用这个函数：

<div ng-click="changeView('/app/new_view')"> 

从角文档$ location.replace（）方法用于替换历史堆栈中的最顶层视图，而不是添加新视图。

有哪些可以用来告诉大家，$位置服务是同步的浏览器接下来的时间，最后的历史记录，应改用替代创建一个新的$位置服务的特殊replace方法一。

参考： https://docs.angularjs.org/guide/ $位置

Answer 2

在控制器中注入$范围和$位置

。

$scope.$on('$viewContentLoaded', function(){ 
    //view loaded do some stuff. 
    $location.replace(); //clear last history route 
}); 

Answer 3

for(var a=0; a < $rootScope.$viewHistory.histories.root.stack.length; a++){ 
     console.log(" for history remove " + a); 
     delete $rootScope.$viewHistory.histories.root.stack[a]; 
    } 

Answer 4

var dummyState = {app: 'resto'}; 

// set up history state 
if (!$window.history.state) { 
    $window.history.pushState(dummyState, ''); 
} 

// when history back 
$window.onpopstate = function() { 
    console.log('window.onpopstate:url=', $window.location.href); 
    console.log('window.onpopstate:history.state=', $window.history.state); 

    // repopulate history state so we get the popstate event again 
    $window.history.pushState(dummyState, ''); 
};