HowTo not hardcode Angular2 environment variables like API Urls

Question

With Angular2 you can use src/environments/environment.ts and *.prod.ts to configure either production or development environments. Now we have a huge staging requirements and we will need e.g. 5-10 API Urls. How to set and read environment variables other than --prod or --dev with angular-cli, e.g. URL="http://server12a"?

S. Robijns · Accepted Answer · 2017-01-26 13:53:48Z

3

You can have all different kind of environments. Define each of those in your angular-cli.json file:

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

Within these files you can have something along the lines of:

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

When you build you have to specify the right environment like:

ng build --env=staging

answered Jan 26, 2017 at 13:53

S. Robijns

1,5993 gold badges14 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HowTo not hardcode Angular2 environment variables like API Urls

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related