From the course: Building Angular and ASP.NET Web API Apps
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Populating the dialog with data
From the course: Building Angular and ASP.NET Web API Apps
Populating the dialog with data
- [Instructor] So far, when you click the Edit button, all you are going to see is this message: update-entry works! And that is the default message that comes when we create an Angular component using the Angular CLI. So, let us start designing this component. For that, let's go to our project. In our project, go to the update-entry-component.html file and remove this paragraph. Next, we are going to create an h2 tag. And we are going to decorate this h2 tag with a mat-dialog-title. And as a title, we are going to write Update entry. Next we are going to create a dialog content and a dialog filter. So let us create the dialog content, which is going to be mat-dialog-content. And the next, let's create the mat-dialog-actions. Inside the actions, we are going to put the buttons. And inside the content, we are going to put all the fields. For the mat-dialog-content, I'm going to get the call from the new-entry.component.html file. Because we have the same fields in this form as well…
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.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.