javascript - 检测 URL 变化

Question

我知道这个问题之前已经被问过，而且我实际上已经找到了一些我已经实现的解决方案。不幸的是，我没能得到我想要的。

我以前没有做过AngularJS，我想做的是:

1. 检测网址何时更改
2. 根据网址更改的内容进行一些处理

第二部分已经基本完成了。我有一个函数可以在 URL 更改时调用。我们将其命名为 myFunction()。

网站的 html 元素有 2 个属性:ng-controller 和 ng-app。

ng-controller:myCtrl

ng-app:myApp

我在 head 元素处加载了一个 JavaScript 文件。我最终想要做的是在该文件中添加一些逻辑来监视 URL 更改。

我在 Firebug 中尝试的最后一件事是:

angular.module('myApp').controller("myCtrl", function($scope, $location, $rootScope, $log) {
  $rootScope.$on("$locationChangeStart", function(event, next, current) {
    $log.info("location changing to:" + next);
  });
});

但是，这不会记录有关 URL 更改的任何内容。

Answer 1

$locationChangeStart事件仅在 $rootScope.Scope 上可用(基本上是 $scope)。

所以你应该使用 $scope 而不是 $rootScope

$scope.$on("$locationChangeStart", function(event, next, current) {
  $log.info("location changing to:" + next);
});

对于 $rootScope ，可用事件是 $routeChangeStart应该在 run 方法 block 中使用。