How to inject dependencies in app.config in angularjs?

Question

I've been getting errors when minifying my AngularJS app because manually injected dependencies aren't working how I'd expect. The following didn't work:

var config = app.config(function($routeProvider) {
    $routeProvider
        .when('/', {controller: 'PageCtrl', templateUrl: '../templates/home.html'});
        .otherwise({redirectTo: '/'});
});
config.$inject = ['$routeProvider'];

The only thing that worked is:

app.config(['$routeProvider', function($routeProvider) {
    ...
}]);

Why does the first dependency injection technique work for controllers but not configs?

ardentum-c · Accepted Answer · 2013-06-20 09:48:36Z

2

It is because app.config returns reference to the app (for chaining). This code works:

var config = function($routeProvider) {
    $routeProvider
        .when('/', {controller: 'PageCtrl', templateUrl: '../templates/home.html'})
        .otherwise({redirectTo: '/'});
};

config.$inject = ['$routeProvider'];
app.config(config);

http://jsfiddle.net/ADukg/3196/

edited Jun 20, 2013 at 9:48

answered Jun 20, 2013 at 9:40

ardentum-c

1,41013 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Soviut Over a year ago

I was so fixated on the lines at the bottom, it took me awhile to realize you'd replaced the app.config with a standard function declaration.

Collectives™ on Stack Overflow

How to inject dependencies in app.config in angularjs?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related