問題ngRoute注入解決方案服務到組件控制器

Question

我想注入一個服務到使用$ routeProvider的解析屬性的控制器，但我運行它時遇到此錯誤。任何建議都會很棒。提前致謝。

Error: [$injector:unpr] Unknown provider: messageProvider <- message

GitUserService.js

module.exports = function (app) { 
    app.factory('GitUser', ['$http', function ($http) { 
     return { 
      GetGitUser: function (username) { 
       return $http.get('https://api.github.com/users/' + username) 
       .then(function success(response) { 
        return response.data.login; 
       }, function error(response) { 
        return console.log("error"); 
       }); 
      } 
     }; 
    }]); 
}; 

route.js

module.exports = function (app) { 
    require('../../services/GitUserService')(app); 

    app.config(['$routeProvider', function ($routeProvider) { 
     $routeProvider.when('/angularhome', { 
      template: '<home></home>', 
      resolve: { 
       message: ['GitUser', function (GitUser) { 
        return GitUser.GetGitUser('test'); 
       }] 
      } 
     }) 
    }]); 
}; 

HomeController.js

require('./Home.scss'); 

module.exports = function (app) { 
    app.component('home', { 
     templateUrl: 'Content/app/components/home/Home.html', 
     controller: ['message', HomeController] 
    }); 

    function HomeController(message) { 
     this.name = message; 
    } 
}; 

index.js

module.exports = function (app) { 
    require('./route')(app); 
    require('./HomeController')(app); 
}; 

Answer 1

更新我的代碼基礎上的反應，這是該修補程序。

HomeController.js

require('./Home.scss'); 

module.exports = function (app) { 
    app.component('home', { 
     templateUrl: 'Content/app/components/home/Home.html', 
     controller: HomeController, 
     bindings: { 
      name: '<' 
     } 
    }); 

    function HomeController() { 
     this.name = name; 
    } 
}; 

route.js

module.exports = function (app) { 
    require('../../services/GitUserService')(app); 

    app.config(['$routeProvider', function ($routeProvider) { 
     $routeProvider.when('/angularhome', { 
      template: '<home name="$resolve.message"></home>', 
      resolve: { 
       message: ['GitUser', function (GitUser) { 
        return GitUser.GetGitUser('test'); 
       }] 
      } 
     }) 
    }]); 
};