HowTo не hardcode Angular2 переменные окружения, такие как API Urls

Question

С помощью Angular2 вы можете использовать src/environments/environment.ts и *.prod.ts для настройки среды производства или разработки. Теперь у нас есть огромные требования к постановке, и нам понадобится, например, 5-10 URL-адреса API. Как установить и прочитать переменные среды, отличные от --prod, или --dev с угловым cli, например. URL="http://server12a"?

Answer 1

У вас могут быть разные условия. Определите каждый из тех, в файле углового cli.json:

"environments": { 
    "local": "environments/environment.ts", 
    "test": "environments/environment.test.ts", 
    "staging ": "environments/environment.staging.ts", 
    "prod": "environments/environment.prod.ts" 
    } 

В этих файлах вы можете иметь что-то вдоль линий:

export const environment = { 
    URL="http://server12a" 
}; 

Когда вы строите, вы должны указать правильную среду например:

ng build --env=staging