为什么 $location.path 不会在控制器中触发 $routeChangeStart？

Question

我的测试有：

it("should clear the search field when the URL changes", function() {
  createController();
  $scope.init();
  $scope.searchTerm = 'some term';

  $location.path('/source');
  $rootScope.$apply();

  expect($scope.searchTerm).toBe('');
});

我的控制器是：

angularMoonApp.controller('SearchController', ['$scope', '$location', function ($scope, $location) {
  $scope.init = function() {
  $scope.$on('$routeChangeStart', function(next, current) {
    $scope.searchTerm = '';
  });

  }

  $scope.init();
}]);

看起来很简单！那么为什么我在测试中更改位置时不会触发呢？

Answer 1

你需要注入$route，因为$routeChangeStart是一个由$route触发的事件。

angularMoonApp.controller('SearchController', ['$scope', '$location', '$route', function ($scope, $location, $route) {

在不了解您的用例的情况下，如果您只需要检测 url 更改，则可以改为侦听 $locationChangeStart。 $locationChangeStart 是从 $location 触发的，因此您不需要注入任何新的依赖项。