javascript - 使用ui路由器在AngularJS中的浏览器后退/前进按钮上重新加载页面

Question

我的 angularjs 应用程序中有以下 ui 路由器状态配置。

    $locationProvider.html5Mode(true);
    $stateProvider
        .state('index', {
            url: '/index?zoom&center',
            views: {
                'map': {
                    controller: 'MapCtrl',
                    templateUrl: 'map.html'
                }
            },
            reloadOnSearch:false
    });

但是，浏览器中的后退前进按钮转到不同的 url，但我需要使用 url 作为 stateParams 重新加载页面。

例如:用户 1 转到页面 http://www.example.com/index?zoom=2&center=1,2 .然后他在页面中做bunch操作，url变成了http://www.example.com/index?zoom=12&center=3,4

然后他按下后退按钮，url 更改为上一个，但我需要重新加载我的页面让 Controller 读取查询参数来做正确的事情...

有什么办法让它与浏览器后退/前进一起工作？

Answer 1

您是否尝试过将 reloadOnSearch 设置为 true？如果这不符合您的需求，或许可以查看以下问题:Force AngularJS to reload a route although option reloadOnSearch is set to false

一个更简单的替代方法可能是在必要时使用 window.location = newUrl 强制重新加载。