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

Designing a confirmation view

From the course: Building Angular and ASP.NET Web API Apps

Start my 1-month free trial

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…

Contents