some improvements and fixes; still errors. We should have a look at angular/angular-cli#1636

Author: d-koppenhagen

src/app/app.module.ts

@@ -4,9 +4,12 @@ import { AppComponent } from './app.component';
 import { RouterModule } from '@angular/router'
 import { IterationRoutes } from './app.routes'
 
+import { HomeComponent } from './home';
+
 @NgModule({
   declarations: [
-    AppComponent
+    AppComponent,
+    HomeComponent
   ],
   imports: [
     BrowserModule,

src/app/app.routes.ts

@@ -3,12 +3,12 @@ import { HomeComponent } from './home/home.component';
 
 export const IterationRoutes: RouterConfig = [
     {
-        path: '',          
+        path: '',   
         component: HomeComponent
     },
     {
         path: 'iteration-1',
-        loadChildren: 'app/book-monkey/iteration-1/iteration-1.module#IterationOneModule'
+        loadChildren: './book-monkey/iteration-1/iteration-1.module'
     }
     /*,
     {

src/app/book-monkey/iteration-1/book-list/app.module.ts

@@ -1,10 +1,12 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule  } from '@angular/platform-browser';
 import { AppComponent } from './app.component';
+import { BookListComponent } from './book-list';
 
 @NgModule({
   declarations: [
-    AppComponent
+    AppComponent,
+    BookListComponent
   ],
   imports: [
     BrowserModule,

src/app/book-monkey/iteration-1/iteration-1.module.ts

@@ -1,16 +1,20 @@
 import { NgModule } from '@angular/core';
 import { IterationOneComponent } from './iteration-1.component';
 import { RouterModule } from '@angular/router'
-import { IterationRoutes } from './app.routes'
+import { IterationRoutes } from './iteration-1.routes'
 
 @NgModule({
   declarations: [
     IterationOneComponent
   ],
   imports: [
-    RouterModule.forChild(IterationRoutes),
+    RouterModule.forChild(IterationRoutes)
   ],
   providers: [],
   bootstrap: [IterationOneComponent]
 })
-export class AppModule { }
+export class AppModule { 
+  constructor(){
+    console.log('hi there');
+  }
+}

src/app/home/home.component.ts

@@ -1,10 +1,6 @@
 import { Component } from '@angular/core';
-import { ROUTER_DIRECTIVES } from '@angular/router';
 
 @Component({
-  selector: 'home',
-  
-  templateUrl: 'home.component.html',
-  directives: [ROUTER_DIRECTIVES]
+  templateUrl: 'home.component.html'
 })
 export class HomeComponent { }

src/app/home/index.ts

@@ -0,0 +1 @@
+export * from './home.component';