Angular js。在路由器中注入服務

Question

如何將服務注入到我的路由器中，以便其結果（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); 
     }); 
    }; 
}]; 
} 

Maincontroller

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) {} 

Answer 2

做它的決心。

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

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

那麼你「的ConfigService」可被注入到所述控制器，和使用（在配置的結果（））。編輯爲使用正確的服務名稱等。