Generate SubModules

[web-dave]

• Generate 2 sub Modules (about, books)
• Generate for each of these Modules a Root Component named like the Module
• Import the Modules into your AppModule
• use BooksComponent in app.component.html and check the devTools

[web-dave]

generate

ng g module books --routing -m app.module
ng g module about --routing -m app.module

[web-dave]

generate

ng g c books
ng g c about

[web-dave]

app.component.html

  <my-nav></my-nav>
  <books></books>
  <router-outlet></router-outlet>

[web-dave]

books.module.ts

@NgModule({
  imports: [
    CommonModule,
    BooksRoutingModule
  ],
  exports: [BooksComponent], <-- !!
  declarations: [BooksComponent]
})
export class BooksModule { }

[web-dave]

Start routing