当使用浏览器的后退没有更新的角度$位置

问题描述

有没有人碰到这个问题上运行？没有关于它更提到，而其他职位的性质不同。这似乎是不一致的W¯¯有关浏览器的行为/文档。

What happens:

• Load page - hash updates (http://localhost:9000/#/)
• Click 'Start' - update $location.$$path via function to update hash and load new view (http://localhost:9000/#/guide)
• Tricky! User clicks back-button in browser, hash updates back to http://localhost:9000/#/ but debug tells me $location.$$path still thinks we are at $location.$$path = /guide - logic based on location path doesn't work.

This is a watcher to on location to help debug:

// listen for the event in the relevant $scope
$rootScope.$on('locationChange', function (event, data) {
    console.log(data);
});

//Call locationChange watch at anytime the page is loaded
$scope.$emit('locationChange', $location.$$path);

Here's the routing:

$routeProvider
    .when('/guide', {
        templateUrl: 'views/guide.html',
        controller: 'GuideController',
        controllerAs: 'guide'
    })
    .when('/', {
        templateUrl: 'views/about.html',
        controller: 'AboutCtrl',
        controllerAs: 'about'
    })
    .otherwise({
        redirectTo: '/'
    });

解决方案

How I solved this:

var pop = 0;

window.onpopstate = function(event) {
    if (document.location.pathname === '/' && pop > 1) {
        pop = 0;
        document.location = 'http://localhost:9000/';
    }
    pop++;
};

这篇关于当使用浏览器的后退没有更新的角度$位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！