Passing resolve result to controller in AngularJS fails

Question

I set up the configuration for my main module in the following way:

angular.module('main').config(function($routeProvider, $locationProvider, ConfigProvider)
    {
        $routeProvider
            .when('/home',
            {
                templateUrl : ConfigProvider.path.views + '/page/home.html',
                controller : 'PageHomeCtrl',
                resolve : {
                    resolveHomeData : function(ResolveService) { return ResolveService.resolveHome() }
                }
            });

        $locationProvider.html5Mode(true);
    }
);

The ResolveService takes care of resolving the routes and at the moment is very simple:

angular.module('app.resolve').factory('ResolveService', function($q, UserService)
{
    return {
        resolveHome : function()
        {
            var deferred = $q.defer();

            UserService.find('me', function(data)
            {
                deferred.resolve(data);
            }, function(data, status)
            {
                deferred.reject(data);
            });

            return deferred.promise;
        }
    }
});

This instead is the PageHomeCtrl:

angular.module('app.ui.page.home').controller('PageHomeCtrl', function($q, $scope, UserService, resolveHomeData)
{

});

As you can see I'm injecting the resolveHomeData in it but I get the following error from AngularJS:

Unknown provider: resolveHomeDataProvider

Why is resolveHomeData not injected correctly into my controller?

I'm concatenating everything with a Gulp script and I'm including all AngularJS files in the following order:

Modules definitions
Modules configurations
Providers
Controllers
Directives
Filters
Services

Edit:

This is the main module definition:

angular.module('main',
    [
        'ngRoute',
        'app.config',
        'app.resolve',
        'app.ui.page.index',
        'app.ui.page.home',
        'app.ui.modal.login'
    ]
)

Omri Aharon · Accepted Answer · 2015-01-22 13:14:12Z

1

EDIT: deleted my answer before due to your comment.

AngularJS thinks your resolveHomeData is a provider/service instead of the resolved data. This happens because the controller is also defined in the HTML by accident, thus having twice the declaration for the controller: once in the HTML, and once in the config.

Remove the HTML and it should work.

edited Jan 22, 2015 at 13:14

answered Jan 22, 2015 at 12:05

Omri Aharon

17.1k5 gold badges43 silver badges61 bronze badges

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

7 Comments

siannone Over a year ago

app.resolve is already in the main module definition. I'm updating the question with the main module definition. Also I can't put the service inside a variable because i'm putting all my modules inside anonymous functions to avoid collisions.

siannone Over a year ago

In my case the service is injected into the resolve function and I can tell you that it's working because the service is sending requests to the server.

Omri Aharon Over a year ago

@siannone I see. Then for some reason Angular thinks your parameter is a provider/service instead of the resolved variable. I'll try to see why.

Omri Aharon Over a year ago

@siannone Ok got a thought: in the HTML are you also defining the ng-controller="PageHomeCtrl" by accident ?

Omri Aharon Over a year ago

@siannone Great! Remove it and it should work. I'll update my answer.

|

Collectives™ on Stack Overflow

Passing resolve result to controller in AngularJS fails

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related