javascript - Angular js。在路由器中注入(inject)服务

Question

我如何将服务注入(inject)我的路由器，以便它的结果 (json) 在整个应用程序中可用？

路由器:

export default ['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider, MainController, ConfigService) {

$stateProvider.state('home', {
    url: '/',
    controller: 'MainController',
    resolve: {

      /* @ngInject */
      someResolve: (ConfigService) =>
        ConfigService.config()
    }
});

$urlRouterProvider.otherwise('/');
}];

服务:

export default function ConfigService() {
return ['$http', function($http) {

    this.config = function() {
        return $http({
            url: '../json/config.json',
            method: 'GET'
        }).then(function(result) {
            console.log(result);
        });
    };
}];
}

主控

export default function MainController () {
return ['$scope','$location','ConfigService','$window', function($scope, $location, ConfigService, $window) {

    ConfigService.config();

}];
}

Answer 1

MainController 和 ConfigService 没有指定任何提供者......你的声明应该是这样的

export default ['$stateProvider', '$urlRouterProvider','MainController', 'ConfigService', function($stateProvider, $urlRouterProvider, MainController, ConfigService) {}