This is a simple config solution for angular2. You should provide the configuration.
npm install --save angular2-configprovide externalConfig in your bootstrap
provide('config', { useValue: {
key1: 'value',
visibleDropdowns: false,
nested: {
key: 'value2'
}
});import { ConfigPipe } from 'angular2-config';
@Component({
selector: '<sub-app>',
pipes: [ConfigPipe],
template: `
<h1>{{ 'nested.key' | config }}</h1>
<body>
<dropdown *ngIf="'visibleDropdowns' | config"></dropdown>
This is a text
</body>
`
})
export class App {}import { ConfigService } from 'angular2-config';
@Component({
selector: '<sub-app>',
template: `Some content`
})
export class App {
constructor(configService: ConfigService) {
console.log(configService.get('nested.key'));
}