scriptmaster · May 9, 2018 19:22 · May 9, 2018 · May 9, 2018
diff --git a/gistfile1.txt → README.md b/gistfile1.txt → README.md
diff --git a/gistfile1.txt b/gistfile1.txt
@@ -0,0 +1,4 @@
+For modern Angular projects (version 2+), you need to maintain a config.json file per every environment: dev, staging or production.
+
+If you normally import or require this file in your environment.ts file(s) it would be merged as part of your bundle and may not be editable by admins who need to edit them in new clusters.
+
diff --git a/src__app__app.module.ts b/src__app__app.module.ts
@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { HttpClientModule } from '@angular/common/http';
+import { AppComponent } from './app.component';
+
+import ConfigService from '../services/config.service';
+
+
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule,
+    HttpClientModule
+  ],
+  providers: [
+    ConfigService,
+    ConfigService.getAppInitializer('/assets/config.json')
+  ],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }
diff --git a/src__services__config.service.ts b/src__services__config.service.ts
@@ -0,0 +1,34 @@
+import { Injectable, APP_INITIALIZER } from "@angular/core";
+import { HttpClient } from "@angular/common/http";
+
+function getHostUrl() {
+    return '//'+location.host;
+}
+
+@Injectable()
+export default class ConfigService {
+
+    public config: any;
+
+    constructor(private http: HttpClient) {
+    }
+
+    load(path: string) {
+        return new Promise((resolve, reject) => {
+            this.http.get(getHostUrl()+path)
+                .subscribe(data => {
+                    this.config = data;
+                    resolve(true);
+                })
+        });
+    }
+
+    static getAppInitializer(path: string) {
+        return {
+            provide: APP_INITIALIZER,
+            useFactory: (config: ConfigService) => () => config.load(path),
+            deps: [ ConfigService ],
+            multi: true
+        };
+    }
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,4 @@
		For modern Angular projects (version 2+), you need to maintain a config.json file per every environment: dev, staging or production.

		If you normally import or require this file in your environment.ts file(s) it would be merged as part of your bundle and may not be editable by admins who need to edit them in new clusters.
No results found