Now, I want to reset the form after I've added a comment.

To do that I need to access the form itself.

Remember, I said earlier that angular applies the mg form directive

automatically, so we didn't need to apply it ourselves.

Well, if we want to access the form and call reset form on it.

Then, we definitely need to define NJ form.

On the form element in the entry comment form component dot

html we need to create a local variable.

Local variables are created by using the pound sign and

then the name of the variable.

Then we assign our new NG form.

Back in the entry comment form component TS file,

we'll need to connect the form to our component class.

We'll start by importing the view child decorator.

The ViewChild decorator lets the component inspect the template for local variables.

And design this local variables as member properties of the component.

In the body of our entry comment form component class.

We can add comment form as a member and

call the ViewChild decorator.

And bind it to the local variable we just created in the template.

Now, it's not necessary, but

I prefer to bring in the type definitions when possible.

In our case, the commentForm variable that we'll be passing into the submit

function Will be an instance on ngForm.

I'm going to import ngForm

From @angular/forms.

Then I can update the type definitions.

Now we can do a bunch of stuff when the form is submitted.

But for now, we'll just reset the form to a pristine state.

Now we can call the reset form method.

On the commentForm at the bottom of the onSubmit method.

You'll notice, as soon as you press the period key,

you can see all the properties and methods you can call on the form.

This will come in handy later.

Let's try it out.

Cool, our form pushes the new comment to the list of comments and

immediately resets the form.

Next, we'll post the comment to the API.