Show Book Details

[web-dave]

• Generate a book-details component
• Click on a book-preview should bring you to this book-details component (RoutParams)
  book-list.component.ts

router = inject(Router);
route = inject(ActivatedRoute);

selectBook(book: IBook) {
   this.router.navigate([book.isbn], {relativeTo: this.route});
}

• Get the Book from the Service and show all Details (You need a new method here)
  book.service.ts

  getOne(isbn: string) {
    return this.http.get<IBook>('http://localhost:4730/books/' + isbn);
  }

book-details.component.ts

```ts this.route .params .subscribe((params) => { this.bookService.getOne(params['isbn']).subscribe(b => { this.book = b; }); }); ```

• You need a new Route.
  book.routes.ts

{
      path: ':isbn',
      component: BookDetailsComponent
}

[web-dave]

NEXT