Displaying environment JSON in a component

app.component.ts

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

@Component({
  selector: 'app-root',
  template: `
    <h1>
      ng-configuration
    </h1>
    {{config | json}}
  `,
  styles: []
})
export class AppComponent {
  config = environment;
}

environment.ts

// The file contents for the current environment will overwrite these during build.
// The build system defaults to the dev environment which uses `environment.ts`, but if you do
// `ng build --env=prod` then `environment.prod.ts` will be used instead.
// The list of which env maps to which file can be found in `.angular-cli.json`.

export const environment = {
  production: false,
  appconfig: {
    serviceParmeter: 'Development URL',
    moduleParamter: 'Development configuration information'
  }
};