Working with form input and models in Angular

Forms allow us to take multiple user inputs and submit them as a single transactional model of our applications state. We can bind input data to models in Angular using a two-way data binding with ngModel. Now that we understand the basics of actions with our modal, let's explore how to do more advanced form inputs data-binding with it.

Getting Ready

Let's use our new modal to input our title and blog content to create our first real blog post. We will consolidate all our Create New Post button functionalities into a new CreatePostFormComponent component. We'll configure the form inputs to bind to a new BlogPost model so that we can eventually save and reuse it to also display our blog posts to users.

Before we get started, we will need to scaffold out a new component called CreatePostFormComponent. Let's do that with Angular-CLI's generate command. While we're at it, we will also scaffold out a new BlogPost class to serve as our model for our blog...