Added lazy loading of networks module.

This doesn't work without --aot. See angular/angular-cli#9651

Author: CDuPlooy

.travis.yml

@@ -14,7 +14,7 @@ before_script:
 
 script:
    - ng lint
-   - ng build --prod
+   - ng build --prod --aot
    - ng test
 
 notifications:

package.json

@@ -3,8 +3,8 @@
   "version": "0.0.0",
   "license": "MIT",
   "scripts": {
-    "check": "ng lint;ng build --prod; ng test",
-    "serve": "ng serve",
+    "check": "ng lint;ng build --prod --aot; ng test",
+    "serve": "ng serve --aot",
     "fix": "ng lint --fix"
   },
   "private": true,

src/app/_shared/index.ts

@@ -4,3 +4,4 @@ export { NavbarComponent } from './navbar/navbar.component';
 export { UserBarComponent } from './user-bar/user-bar.component';
 export { ServiceListViewComponent } from './services/list-view/service-list-view.component';
 export { PageNotFoundComponent } from './pagenotfound/pagenotfound.component';
+export { NetworkModule } from './networks/network.module';

src/app/_shared/networks/network.component.css

@@ -0,0 +1,3 @@
+<p>
+  network works! asdasd
+</p>

src/app/_shared/networks/network.component.html

@@ -0,0 +1,28 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NetworkComponent } from './network.component';
+import {HttpClientModule} from '@angular/common/http';
+import {MockService, NetworkService} from '../../_services';
+
+describe('NetworkComponent', () => {
+  let component: NetworkComponent;
+  let fixture: ComponentFixture<NetworkComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ NetworkComponent ],
+      providers: [HttpClientModule, NetworkService, MockService]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(NetworkComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/_shared/networks/network.component.spec.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-network',
+  templateUrl: './network.component.html',
+  styleUrls: ['./network.component.css']
+})
+export class NetworkComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/_shared/networks/network.component.ts

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import {HttpClientModule} from '@angular/common/http';
+import {MockService, NetworkService} from '../../_services/index';
+import {NetworkComponent} from './network.component';
+import {NetworksRoutingModule} from './networks.routing-module';
+import {RouterModule, Routes} from '@angular/router';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    NetworksRoutingModule
+  ],
+  declarations: [NetworkComponent],
+  providers: [HttpClientModule, MockService, NetworkService],
+  exports: [NetworkComponent]
+})
+export class NetworkModule { }

src/app/_shared/networks/network.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { NetworkComponent } from './network.component';
+
+const routes: Routes = [
+    {
+        path: '',
+        component: NetworkComponent
+    }
+];
+
+@NgModule({
+    imports: [RouterModule.forChild(routes)],
+    exports: [RouterModule]
+})
+export class NetworksRoutingModule { }

src/app/_shared/networks/networks.routing-module.ts

@@ -3,17 +3,17 @@ import { Routes, RouterModule } from '@angular/router';
 import {ContainersComponent} from './_shared/containers/containers.component';
 import {ServiceListViewComponent} from './_shared';
 import {PageNotFoundComponent} from './_shared/pagenotfound/pagenotfound.component';
-import {AppComponent} from './app.component';
 
 
 const routes: Routes = [
     {path: 'containers', component: ContainersComponent},
     {path: 'listServices', component: ServiceListViewComponent},
-    {path: '**', component: PageNotFoundComponent}
+    {path: 'networks', loadChildren: 'app/_shared/networks/network.module#NetworkModule'},
+    {path: '**' , component: PageNotFoundComponent},
   ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes)],
+  imports: [RouterModule.forRoot(routes , {enableTracing: true})],
   exports: [RouterModule]
 })
 export class AppRoutingModule { }

src/app/app-routing.module.ts

@@ -18,7 +18,9 @@ import {NgbAlert, NgbModule} from '@ng-bootstrap/ng-bootstrap';
 import {HttpClientModule} from '@angular/common/http';
 import {TokenStorage} from './_classes';
 import {AngularFontAwesomeModule} from 'angular-font-awesome';
-import { PageNotFoundComponent } from './_shared/pagenotfound/pagenotfound.component';
+import { PageNotFoundComponent } from './_shared';
+import {NetworkModule} from './_shared/networks/network.module';
+import { NetworkComponent } from './_shared/networks/network.component';
 
 @NgModule({
     declarations: [