routing module

Author: phpcodebooster

package-lock.json

@@ -12,23 +12,23 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^5.0.0",
-    "@angular/common": "^5.0.0",
-    "@angular/compiler": "^5.0.0",
-    "@angular/core": "^5.0.0",
-    "@angular/forms": "^5.0.0",
-    "@angular/http": "^5.0.0",
-    "@angular/platform-browser": "^5.0.0",
-    "@angular/platform-browser-dynamic": "^5.0.0",
-    "@angular/router": "^5.0.0",
+    "@angular/animations": "^5.0.3",
+    "@angular/common": "^5.0.3",
+    "@angular/compiler": "^5.0.3",
+    "@angular/core": "^5.0.3",
+    "@angular/forms": "^5.0.3",
+    "@angular/http": "^5.0.3",
+    "@angular/platform-browser": "^5.0.3",
+    "@angular/platform-browser-dynamic": "^5.0.3",
+    "@angular/router": "^5.0.3",
     "core-js": "^2.4.1",
     "rxjs": "^5.5.2",
     "zone.js": "^0.8.14"
   },
   "devDependencies": {
     "@angular/cli": "1.5.2",
-    "@angular/compiler-cli": "^5.0.0",
-    "@angular/language-service": "^5.0.0",
+    "@angular/compiler-cli": "^5.0.3",
+    "@angular/language-service": "^5.0.3",
     "@types/jasmine": "~2.5.53",
     "@types/jasminewd2": "~2.0.2",
     "@types/node": "~6.0.60",

package.json

@@ -5,6 +5,7 @@ import { LoginComponent } from './login/login.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
 
 import { AuthService } from './services/auth.service';
+import { ConfigService } from './services/config.service';
 
 const routes: Routes = [
     {
@@ -14,21 +15,24 @@ const routes: Routes = [
     },
     {
         path: 'login',
-        component: LoginComponent
+        component: LoginComponent,
+        resolve: {
+            configs: ConfigService
+        }
     },
     {
         path: 'dashboard',
         component: DashboardComponent,
-        canActivate: [ AuthService ]
+        canActivate: [ AuthService ],
+        resolve: {
+            configs: ConfigService
+        }
     }
 ];
 
 @NgModule({
-    imports: [
-        RouterModule.forRoot(routes)
-    ],
-    exports: [
-        RouterModule
-    ]
+    imports: [RouterModule.forRoot(routes)],
+    exports: [RouterModule],
+    providers: [ConfigService]
 })
 export class AppRoutingModule { }

src/app/app-routing.module.ts

@@ -29,6 +29,9 @@ export class LoginComponent implements OnInit {
 
   ngOnInit() {
 
+      // dump config data
+      // console.log(this.route.snapshot.data.configs);
+
       // logout current user
       this.authService.logout();
       this.returnUrl = this.route.snapshot.queryParams['returnUrl'] || '/dashboard';

src/app/login/login.component.ts

@@ -0,0 +1,15 @@
+import { TestBed, inject } from '@angular/core/testing';
+
+import { ConfigService } from './config.service';
+
+describe('ConfigService', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [ConfigService]
+    });
+  });
+
+  it('should be created', inject([ConfigService], (service: ConfigService) => {
+    expect(service).toBeTruthy();
+  }));
+});

src/app/services/config.service.spec.ts

@@ -0,0 +1,23 @@
+import { Injectable } from '@angular/core';
+import { Resolve, ActivatedRouteSnapshot } from '@angular/router';
+
+import { environment } from '../../environments/environment';
+
+@Injectable()
+export class ConfigService implements Resolve<any> {
+
+    resolve(route: ActivatedRouteSnapshot) {
+        return new Promise((resolve, reject) => {
+
+            // get local configuration file based on environment
+            const env = environment.production ? 'prod' : 'dev';
+            const filePath = './../../configs/' + env + '.json';
+
+            // read json file internally here and pass json data
+            // to below resolve function
+            resolve({
+                'test': 'sample json data'
+            });
+        });
+    }
+}