From the course: Building Angular and ASP.NET Web API Apps
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Designing a confirmation view
From the course: Building Angular and ASP.NET Web API Apps
Designing a confirmation view
- [Instructor] Now that we get the data to our component, let us design the view so the users can see which entry they are about to delete. For that, go to the delete-entry.component.html file, and in here, we are going to design the view by using a material design card. So for that let us write in here mat-card, and then this card will have a header. So for that we write mat-card-header. It will have some contents. For that we write in here mat-card-content. And the actions where we are going to put the buttons. So actions and then change the value to actions in here as well. Inside the header we are going to display a title, so for that we write mat-card-title. And the title is going to be Are you sure you want to delete this entry? To delete this entry? And then inside the contents section, we want to display all the properties. And to display the properties, we are going to use a list. But we have not imported this module yet. For that let us go to the app.module.ts file and in…
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.