[MUSIC]

A common thing to do when building a web application is collect data from users.

In this stage,

we'll add a font that will allow visitors to leave comments on our photo entries.

There are two ways to build forms in Angular.

Template Driven and Dynamic.

We'll be covering template driven forms in this course.

If you're interested in learning about dynamic forms,

I've provided a link to the documentation in the teacher's notes.

Template driven forms are pretty much what the name says.

You write your template the same way you'd write any other template.

The only difference being is your template would include a form element.

Angular's FormsModule introduces a number of helpful services and directives for

handling two way data binding, change tracking, validation, and error handling.

Let's install the FormsModule now.

On the command line, I will enter

npm install @angular/forms@2.4.2.

And then --save and -save exact.

Without the word and.

I always include the save flag to ensure that the package gets included in

the package.json file.

Save exact is optional but it's still good practice.

This is important when sharing your project with a team.

Or using a continuous integration service like Travis CI.

To make sure that the FormsModule gets bundle with all of our other vendor

scripts, we'll import the module in the vendor ts file.

We're ready to include the FormsModule in our application.

Let's open up app.module.ts.

At the top of the file where the other @angular imports are,

we will add a new line and import FormsModule.

Just like what we did with the HttpModule and the InMemoryWebApiModule,

we need to add the FormsModule to the imports array.

So it's available to all of our components in our application.

We're now ready to start using forms.

By including the FormsModule in our application,

we can begin collecting comments from our visitors.

In the next video, we'll create a comment form.