Como eu configuro diferentes ambientes no Angular.js?

Como você gerencia variáveis ​​de configuração / constantes para diferentes ambientes?

Este poderia ser um exemplo:

Minha API de descanso está acessível emlocalhost:7080/myapi/, mas meu amigo que trabalha no mesmo código sob controle de versão do Git tem a API implementada em seu Tomcat emlocalhost:8099/hisapi/.

Supondo que tenhamos algo assim:

angular
    .module('app', ['ngResource'])

    .constant('API_END_POINT','<local_end_point>')

    .factory('User', function($resource, API_END_POINT) {
        return $resource(API_END_POINT + 'user');
    });

Como injetar dinamicamente o valor correto do endpoint da API, dependendo do ambiente?

Em PHP eu costumo fazer esse tipo de coisa com umconfig.username.xml arquivo, mesclando o arquivo de configuração básico (config.xml) com o arquivo de configuração do ambiente local reconhecido pelo nome do usuário. Mas eu não sei como gerenciar esse tipo de coisa em JavaScript?

questionAnswers(10)

yourAnswerToTheQuestion