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 (or use the protip while generating)
• use BooksComponent in app.component.html and check the devTools

[web-dave]

generate

ng g module books --routing 
ng g module about --routing 

protip

But take care!! There is a bug.

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 { }