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

Unlock the full course today

Join today to access over 24,400 courses taught by industry experts.

Creating an Angular reactive form

Creating an Angular reactive form

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

Start my 1-month free trial Buy for my team

Creating an Angular reactive form

“

- [Instructor] Now that we created our form group, let us create the form itself for the users to enter the data. And this is how the form will look like. So here we have three fields, and one of them is a drop-down, and we have a button, and the form is within a card. But before we start designing this form, let us go to our app.module.ts file and configure all the necessary modules. In the material design section, let us add the MatInputModule. Then, let us add the MatCardModule, and the MatSelectModule, which we are going to use for the drop-down. Since we are here, let us remove the MatTableModule from here and put it in line 17, and then remove the line 18. So, now that we have imported the modules, let us configure them so we can use them. For that, copy these three modules, go to the imports section, and then paste them in line 37. Save the changes, and go to the new-entry.component.html file. So here we are going to start to design our form. We said that the form is going to…

Contents