 <p>Don't use $rootScope, for application configuration is recommended use a specific module with the configuration info and register each configuration block as `constant'.</p> <p>In your case the server side configuration made a bit more complex. See <a href="https://blog.mariusschulz.com/2014/10/22/asynchronously-bootstrapping-angularjs-applications-with-server-side-data" rel="nofollow">Asynchronously Bootstrapping AngularJS Applications with Server-Side Data</a></p> <pre><code>(function() { var appConfig=angular.module("app.config"); var initInjector = angular.injector(["ng"]); var $http = initInjector.get("$http"); $http.get('config/config.json').success(function(configResponse) { appConfig.constant("config", configResponse); }); $http.get('preferences/preferences.json').success(function(prefsResponse { appConfig.constant("preferences", preferencesResponse); }); })()); </code></pre> <p>At your app module include the <code>app.config</code> and then you can inject the <code>config,preferences or foo</code> to your angular controllers, services,...</p> <pre><code>angular.module("app",["app.config"]) </code></pre>