From the course: Building Angular and ASP.NET Core Applications

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Designing the Books page

Designing the Books page

From the course: Building Angular and ASP.NET Core Applications

Start my 1-month free trial

Designing the Books page

- [Instructor] Now that we have everything set up let us go to Visual Code and design the books page which will be used to render all books from our web API. So in here go inside the ClientApp then source, app, components, and the books components. So let us start with the books.component.ts file. Inside here let us create a public array which is going to be used to hold all the books. So let's write in here public books of type book and this is going to be an array. Let us create a book interface to hold the data for that go inside the app folder and then inside here create a folder named interfaces and inside the interfaces folder we are going to create new file named book.ts. The book.ts is going to be an interface, let's name this interface book and it's going to have the same properties as our book model in our web API project. So let us start with the ID which is of the type number then we have the title which is…

Contents