Lazy loading

[web-dave]

• move /books routing rules to books-routing.module
• and set path: 'books' to path: ''
• In app-routing.module set /books to loadChildren
• Remove BooksModule from AppModule (completely)

[web-dave]

books-routing.module.ts

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

[web-dave]

app-routing.module.ts

const routes: Routes = [
  {
    path: 'books',
    loadChildren: () => import('./books/books.module').then(m => m.BooksModule)
  },
  ...
];

[web-dave]

Create a Service