typescript 秋田SelectedBookPageComponent.ts

Posted 2021-05-20

@Component({
  template: `
    <bc-book-detail
      [book]="book$ | async"
      [inCollection]="isSelectedBookInCollection$ | async"
      (add)="updateCollection($event)"
      (remove)="updateCollection($event)">
    </bc-book-detail>
  `,
})
export class SelectedBookPageComponent {
  book$: Observable<Book>;
  isSelectedBookInCollection$: Observable<boolean>;

  constructor(private bookQuery: BooksQuery,
    private booksService: BooksService) {

    this.book$ = this.bookQuery.selectActive();
    this.isSelectedBookInCollection$ = this.booksQuery.isInCollection$;
  }

  updateCollection({ id }: Book) {
    this.booksService.updateCollection(id);
  }
}