New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Use the Service #7

Open

web-dave opened this issue Feb 28, 2024 · 1 comment

Labels

25min

Owner

web-dave commented Feb 28, 2024 •

edited

Loading

Get BoookService into BookList via DI

book-list.component.ts

 service = inject(BookService);

Get All Books

book-list.component.ts

 ...
  books: any[] = [];
  getAllBooks() {
    this.service.getAll().subscribe((data) => (this.books = data));
  }

3. Show all Books

book-list.component.html

 ...
@for (book of books; track $index) {
<div class="book">
  <strong>{{ book.title }}</strong> <br />
  <small>{{ book.subtitle }}</small>
</div>
}

Styling

book-list.component.scss

@import "../../../utils";

.book {
  @include object(100%, 60px, $aqua);
  border-radius: 90px;
  margin-top: 10px;
  padding-left: 45px;
  padding-top: 10px;
}

The text was updated successfully, but these errors were encountered:

Owner Author

web-dave commented Feb 28, 2024

web-dave added the 25min label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment