Child Routing

[web-dave]

• Generate a BookListComponent into your Books Module
• Set /books as a root of ChildRouting
• Don't forget to add a router-outlet to books Component
• Check the DevTools and the hints!

[web-dave]

generate

ng g c books/book-list

[web-dave]

app-routing.module.ts

const routes: Routes = [
  {
    path: 'books',
    component: BooksComponent,
    children: [{
      path: '',
      component: BookListComponent
    }]
  },
  ...
];

[web-dave]

books.component.html

  <p>
    book works!
  </p>
  <router-outlet></router-outlet>

[web-dave]

Lazy loading