How to set AngularjJS base URL dynamically based on fetched environment variable?

Question

I have a development and production environment in which my URL\'s differ:

production:

www.exmaple.com/page

development:

d

Answer 1

asumming you created a service that gets configuration object from server

app.run(function($rootScope, yourService){   
    yourService.fetchConfig(function(config){
        $rootScope.baseUrl = config.baseUrl;
   })
});

markup

   
   ......

note

• If your service uses $http or $resource you should be fine
• If instead you use jQuery ajax calls you should run $rootScope.$apply() after setting variables to the scope.