angular2-app | example application for angular2 tutorial | Learning library

You can't really change the value of the environment directly in the code because it is bundled with everything else. It is also a really bad approach because you would overwrite the value everytime you update the application. Store it separately server-side!

Option A:

Use the APP_INITIALIZER and overwrite the value of the environment there, after loading it: environment.api.host = loadedValue

That will only work properly if you don't use the value before that. It would only be used before that if you use it in module definitions / configuration and classes that you inject into the initializer. So that might work for you.

Option B

This is rather ugly but would work fine:

Save the api url in a separate javascript file that looks somewhat like this: