AngularJS $ locationProvider.search（）导致未捕获对象错误

Question

In AngularJS I get an error when attempting to use the $locationProvider to parse the query string. The AngularJS Docs say that locationProvider hasn't moved from the core, so I'm wondering why the code below doesn't work. It sets html5Mode fine, but it's like the search method doesn't exist.

var myApp = angular
    .module('agencyMatrix', ['ngRoute']);

myApp.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider){
    $locationProvider.html5Mode(false);
    var location = $locationProvider.search();
}

Answer 1

search() is actually defined on $location , not $locationProvider .

See the $location documentation and the source: angular.js/src/ng/location.js

To use $location.search you can access it inside run instead of config:

var myApp = angular
    .module('agencyMatrix', ['ngRoute']);

myApp.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider){
    $locationProvider.html5Mode(false);
}]).run(['$location', function($location) {
    var location = $location.search();
}])

The providers guide from the angular documentation (specifically, the Provider Recipe section) describes the configuration phase and how it is different from the other phases (for example, $location itself is unavailable during the configuration phase).