n33kware

// app.component.ts

import { Component } from '@angular/core';
import { CfgService } from './cfg.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})

n33kware

import { AppCfg } from '../cfg.service';

/**
 * enviorment has a type of AppCfg 
 */
export const enviorment: AppCfg {
  production: true
}

n33kware

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { APP_CFG } from './cfg.service';
import { environment } from '../environments/environment';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],

n33kware

export const APP_CFG = new InjectionToken<string>('APP_CFG');

export interface AppCfg {
  production: boolean;
  
  // extra attributes
  [id: string]: any;
};

@Injectable({

n33kware

// app.component.ts

import { Component } from '@angular/core';
import { environment } from '../environments/environment'; // file path

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})