Finally, let's post the data to the server.

Since we're working with promises, we can post the data to the server and

then, on success, emit the event to add the comment and reset the form.

We can create a new method in the entry service to add a comment.

This method will take an entry ID, which is a number, and a comment to object.

Then it will post the comment to the server.

And then return a promise.

Like I said before, this in memory API is just for the purposes of this course.

We can't expect this data to persist anywhere meaningful,

we're simply going to post it and assume everything went well.

In the entry-comment-form.component.ts file, we'll need to input the entry

service before we can use our new add comment method.

Right above the onSubmit method, add a constructor function.

With the parameter entryServiceof type EntryService.

Then we need to import the entryService for the type definition.

Add the private keyword before the parameter.

Specifying private tells TypeScript to append the variable to the prototype

during the transpolation process, making available on the instance of the class.

In the onSubmit method, we can call our addComment method.

Then, we'll put the event meter and

the form reset inside the success callback of the promise.

We need to add the entryId property and have the entry components set the value.

First, we must import the input decorator so

that the entry component can pass the value on to the common form component.

Then add the entryId,

On the form component.

Finally, set the entryId value on the app-entry-comment-form element.

Because we're binding to the entryId property on the entry-comment-form

component, we will use the square brackets.

Then we set the expression to entry.id.

Data is flowing one way, from the parent component,

the entry component, to the child component, the form component.

Okay, let's take a look.

Everything appears to be working correctly.

We've got our form wired up and it's posting data to our mock back end.

In the next stage, we'll dive deeper into form validation.