use BooksService

[web-dave]

• Generate a book-list component with angular-cliI (if not exists!!)
• Inject BooksService into BookListComponent (DI)
• use BooksService in ngOnInit
• show all Books in a list

[web-dave]

generate (if not exists!!)

  ng g c books/book-list

[web-dave]

book-list.component.ts

  constructor(private booksService: BooksService) { }

  ngOnInit() {
    this.booksService.getBooks().subscribe(books => this.books = books);
  }

[web-dave]

book-list.component.html

  <ul *ngIf="books">
   <li *ngFor="let book of books">{{book.title}}</li>
  </ul>

[web-dave]

Create a book-preview Component