javascript - 在浏览器中更改 URL 参数时进行 Angular 页面刷新

Question

非常简单的要求，但很难做到这一点。有一个简单的页面，我在其中打印 url 路径中的参数。

http://localhost:8888/ngtest.html#/1234567

ngtest.html

<div ng-app="app" ng-controller="testCtrl">
    {{myId}}
</div>

<script>
var app = angular.module('app', []);
app.controller('testCtrl', function($scope, $location) {
    $scope.myId = $location.$$path;
});
</script>

在浏览器窗口中:

1. 将 1234567 更改为 1234
2. 按 Enter

什么也没发生。按 F5，它会按预期工作。

不确定这是否与浏览器行为有关，但如何在参数更改 + Enter 后强制刷新页面？

Answer 1

根据上面 Leon 建议的完整示例

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script>

<div ng-app="app" ng-controller="testCtrl">
    {{myId}}
</div>

<script>
var app = angular.module('app', []);
app.controller('testCtrl', function($scope, $location) {

    // add a listener for when the url changes and user
    // Enter in the address bar
    $scope.$on('$locationChangeStart', function(event) {
        $scope.myId = $location.$$path;
    }); 
});
</script>

基本上，位置这是注册一个位置更改监听器并相应地执行操作。无需路由配置