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
From the course: Building Angular and ASP.NET Core Applications
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
Angular key concepts2m 25s
-
(Locked)
Generating components and services4m 47s
-
(Locked)
Cleaning up code and updating the router7m 11s
-
(Locked)
Designing the Books page8m 10s
-
(Locked)
Reading data from Angular3m 39s
-
(Locked)
Designing the Create page9m 4s
-
(Locked)
Adding new data from Angular9m 50s
-
(Locked)
Designing the Book Details page7m 44s
-
(Locked)
Getting a single book from Angular3m 18s
-
(Locked)
Updating existing data from Angular9m 20s
-
(Locked)
Deleting data from Angular6m 45s
-
(Locked)
Handling errors in Angular12m 24s
-
-
-
-