Synchronous Environment Injection

environmentService.js

'use strict';

angular.module('yourModule')
  .factory('environmentService', function() {

    var environment;

    return {
      getEnvironment: function() {
        // We need this to be synchronous since everything depends on it.
        // If we return a promise, there is a cascading change (not fun)
        if (!environment) {
          $.ajax('environment', {async: false})
            .success(function(env) {
              environment = env;
              return environment;
            })
            .error(function() {
              throw 'Environment variables not set';
            });
        }

        return environment;
      }
    };
  });