Can $q and $http be injected in the .config section

Question

Is it possible to inject $q in the config section of my module? Below is my sample config section.

.config(['$q', function ($q) {
    var func = function (inp) {
        var def = $q.defer();

        if (inp == 1)
            def.resolve("Success");
        else
            def.reject("Failure");

        return def.promise;
    };

    alert(func(1));
}]);

The first error i am getting is Uncaught Error: Unknown provider: $q from ReportModule If i change

.config(['$q', function ($q) {}])

to

.config(['$qProvider', function ($q) {}])

then i get a error saying Uncaught TypeError: Object # has no method 'defer' from ReportModule

Seems like i cant inject $q in config section. Is that the case or am i doing something wrong? I have a usecase where i need to use $q and $http in the config section of my module for initialization. Is there some technique for doing this?

Answer 1

Correct--you can't inject $http or $q from a config function. They are not available yet (they're also being configured!).

Answer 2

You can use angular.injectorto load $http and $q, and probably other services in your config block:

angular.module('myApp').config(function () {
    var injector = angular.injector(['ng']),
        http = injector.get('$http'),
        q = injector.get('$q');
});