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

Unlock the full course today

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

Setting up a dialog

Setting up a dialog

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

Start my 1-month free trial

Setting up a dialog

- [Narrator] On this part, we're going to start implementing the update entry feature, in our angular application. We're going to first learn how to create the dialog, and then later how to show data to this dialog. Once everything is set up, we're going to send a request to our API endpoint that we created on the last part. To create our form, we are going to use the dialog module of angular material. So scroll down to the modules part, and in here add another module. This module is Mat, Dialog, Module. To use this module, of course, we need to include it in the import section, so for that, in here, in line 39, we add Mat, Dialog, Module. And then save the changes. Now we want to update an entry, but we still don't have a column with a button in there, which we are going to use to update this entry. So, to add a new column in our table, let us go to the entries.component.ts file. In this file in here, in the displayed columns array, add a new column named actions. Now we have the…

Contents