如何使控制器在加載頁面之前提供工廠數據angularJS

Question

我正在使用工廠進行$http調用並將數據共享到所有控制器。

實際上，我從config.json文件獲取該數據，但首先加載數據並未廣播到所有控制器。
我希望數據在控制器可以進一步調用之前可用。

我config.json有app_key，app_secret，base_url等，這裏是我廠（JS代碼）

JS

.factory('UserService', function($http, $rootScope) { 

    $http.get('config.json').success(function(data) { 
     var app_key = data.app_key; 
     var app_secret = data.app_secret; 
     var base_url=data.base_url; 
     window.localStorage['app_key'] = app_key; 
     window.localStorage['app_secret'] = app_secret; 
     window.localStorage['base_url'] = base_url; 


    }) 

    return { 
     app_key : window.localStorage['app_key'], 
     app_secret : window.localStorage['app_secret'], 
     base_url:window.localStorage['base_url'], 

    } 
}) 

我config.json文件看起來像這樣

{ 
    "app_key" : "my_app_key_here", 
    "app_secret" : "my_app_secret_here", 
    "base_url" : "http://base_url.com", 
} 

的原因我正在返回app_key：window.localStorage ['app_key']是因爲我需要訪問此服務數據控制器中的userService.app_key。

​​

任何人都可以告訴我我犯了什麼錯誤嗎？

Answer 1

加載此依賴項的正確位置在您的模塊運行/配置方法中。

檢查文檔在這裏：https://docs.angularjs.org/guide/module#module-loading-dependencies例如和更多信息...