在浏览器中更改URL参数的角页面刷新

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

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

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

Answer 1

页面刷新已在此处回答。

可以使用$route.reload（）；

正如这里所建议的，当在url输入中按Enter键时，您可以尝试侦听路由更改成功：

范围$在（$routeChangeSuccess'）或范围上$在（“$locationChangeSuccess”）上

Answer 2

基于上述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>

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