Angular - How to write HTML logic based on Environments

Question

In Angular application, I have to display different tables in html based on Production, QA or Test environments.

I have imported below but not sure how to determine QA or Prod environment. Can someone please help me to handle this

import { environment } from ../../../environments/environment;

Expected Behavior:

if( environment = 'Production') 
 displaycolumns = 5;
else if( environment = 'QA')
 displaycolumns = 3;
else
 displaycolumns = 2;

Arokia Lijas · Accepted Answer · 2020-11-19 11:12:44Z

1

Use this in the component/service where you need you check the environemt

import { environment } from '../../environments/environment';

someFunction(){
   if(environment.production){
      console.log("In Production")
   }
   else{
      console.log("In devlopment")
   }
}

answered Nov 19, 2020 at 11:12

Arokia Lijas

5324 silver badges15 bronze badges

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

Comments

Oleksii Pavlenko · Accepted Answer · 2020-11-19 07:25:44Z

1

Add to app.module.ts

const APP_CONFIG = new InjectionToken('Application config');
import {environment} from '../environments/environment';

{provide: APP_CONFIG, useValue: environment},

And inside yours component or service

constructor(
    @Inject(APP_CONFIG)
    private readonly _appConfig: Environment
  ) {
  }

answered Nov 19, 2020 at 7:25

Oleksii Pavlenko

1,3331 gold badge12 silver badges25 bronze badges

Collectives™ on Stack Overflow

Angular - How to write HTML logic based on Environments

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related