Where to define common environment variables in angular 4

Question

I am new to angular 4. I have a set of properties that is common for all environments such as dev, staging, prod etc. Where can I place those properties in angular 4?.

I have read about environments but there I have to copy the same properties to all environment files ie. environment.ts, environment.prod.ts etc.

Anywhere you want. You export them from a TypeScript file, and import them where you need them. — JB Nizet
– JB Nizet, Commented Nov 25, 2017 at 10:52
environment.ts is designed for things that depends on the environment. You just have some constants, that don't depend on the environment. So define them anywhere you want, except in environment.ts. — JB Nizet
– JB Nizet, Commented Nov 25, 2017 at 10:59

Nicolas Law-Dune · Accepted Answer · 2017-11-25 11:02:20Z

11

Create a new environment.common.ts file and then import it inside each of your environments files.

environment.common.ts

export const commonEnvironment = {
   property1: "value"
};

environment.ts and environment.prod.ts etc...

import { commonEnvironment } from './environment.common';

export const environment = {
  production: false,
  common: commonEnvironment
};

You have to use the common property to use your sub properties.

answered Nov 25, 2017 at 11:02

Nicolas Law-Dune

1,7132 gold badges13 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

Where to define common environment variables in angular 4

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related