Injecting $location into Angular config causes 'Unkown Provider' error

Question

This is the first time I've tried using Angular with Wordpress. I want to inject $location into the config module so I can use it like this:

app = angular.module 'app', [ 'ngResource', 'ngRoute' ]
app.config [ '$routeProvider', '$location', ( $routeProvider, $location )->

    $location.hasPrefix '!'
    $location.html5Mode true

]

Unfortunately, using $location or $locationProvider with config is causing an Unknown Provider error. I've included all necessary dependencies ie. angular-route.min.js, however, it's still not resolving properly.

If I remove $location it works.

app = angular.module 'app', [ 'ngResource', 'ngRoute' ]
app.config [ '$routeProvider', ( $routeProvider )->

    # ROUTES 

]

EDIT

If I replace $location with $locationProvider I get Failed to instantiate module app due to: TypeError: Object # has no method 'hasPrefix'

This might help you: [Inject service in app.config](http://stackoverflow.com/questions/15937267/inject-service-in-app-config). — PrimosK, Mar 06 '14 at 18:08
I think you can only inject providers in `config` and only services in `app.run` — doodeec, Mar 06 '14 at 18:48
I'm still receiving and error if I use `$locationProvider` instead of `$location` — Foreign Object, Mar 06 '14 at 18:59

score 1 · Answer 1 · answered Mar 06 '14 at 18:18

Seems fine if you use the name $locationProvider as the name of the injectable.

Here is a plunker.

And the js:

angular.module('myApp', ['ngResource', 'ngRoute'])
.config(function($routeProvider, $locationProvider) { // provider-injector
    $locationProvider.hasPrefix = '!';
    $locationProvider.html5Mode = true;
  });

For reference from Docs:

Configuration blocks - get executed during the provider registrations and configuration phase. Only providers and constants can be injected into configuration blocks. This is to prevent accidental instantiation of services before they have been fully configured.

Hmm, `$location` or `$locationProvider` both work, if I assign them like `$locationProvider.html5Mode = true;`, but not if I use the method `$locationProvider.html5Mode(true);` http://stackoverflow.com/questions/14642634/angular-location-hash-prefix — Foreign Object, Mar 06 '14 at 18:27

score 0 · Accepted Answer · answered Mar 06 '14 at 20:40

0

The error was a simple typo.

$location.hasPrefix('!');

should be

$location.hashPrefix('!');

answered Mar 06 '14 at 20:40

Foreign Object

1,630
11
22

Injecting $location into Angular config causes 'Unkown Provider' error

EDIT

2 Answers2