Create a custom type

[web-dave]

• Take a look at one Book Object Link
• Generate a interface custom-types
• Define two interface in this file
• Use this interface as a type whenever we handle Books

[web-dave]

generate

  ng g interface books/shared/custom-types

[web-dave]

custom-types.ts

export interface IBook {
  title: string;
  subtitle: string;
  isbn: string;
  abstract: string;
  numPages: number;
  author: string;
  publisher: IUser;
}

export interface IUser {
  name: string;
  url: string;
}

[web-dave]

e.g.

  books: IBook[];
  @Input() book: IBook;

[web-dave]

  getBooks() {
    const url = this.restRoot;
    return this.http.get<IBook[]>(url);
  }

[web-dave]

Show Book Details