Angular js not working resolve

Question

Have State Route:

.state('stateProfile', {
        url: '/Profile',
        views: {
            "ContentContainer": {
                templateUrl: '/Navigation/Profile',
                controller: AuthController,
                resolve: {
                    message:  function (AuthService) {
                        return AuthService.GetMessage();
                    }
                }
            }

This is my service:

var AuthService = function ($timeout, $q, $location) {
return{

    GetMessage : function () {
        return "Hello";
        }
} 
};
AuthService.$inject = ['$timeout', '$q', '$location'];

Controller:

var AuthController = function (message, $q, $location, $timeout) {
console.log('auth work');
console.log(message);
};

AuthController.$inject = ['message', '$q', '$location', '$timeout'];

When I call, nothing happens State Profile. But if I change my resolve to:

resolve:
{
        message:  function (AuthService) {
        return "Test resolve";
}

Then everything works. Why does not it work?

Answer 1

I found the problem. That's the way to work:

resolve:
 {
    AuthService: AuthService
 }