- [Instructor] In this video, we're going to create…the article creation form template.…So let's head on over to our source app…and create.component.html file.…We'll hit control + B to get rid of the sidebar,…and we'll start off by creating a div…of class="article-container" once again,…and then pass in a form.…Then we create a formGroup attribute…and we bind it to articleFrm…which we defined in our component class,…and then we use an event of ngSubmit.…
When the form is submitted,…we call our addArticle method that we created…and we'll pass in our articleFrm.value.…Now we're also going to pass in an ngIf = articleFrm.…Okay, so next in here,…some familiar HTML,…row expanded,…also a div class of small-12,…and we're going to create a label…of Article Title,…put in an input of type text,…the name is title.…
We also going to use formControl.…We bind this to our articleFrm.controls…and pass in title, which is this particular input.…Next, we also use the attribute formControlName…and we bind it to title.…Let's also close out our label.…
- Angular Firebase CRUD
- Firebase setup
- Starting a project
- Defining the template
- CRUD apps with MongoDB
- MongoDB setup
- Creating a data service
- Home component
- Creating, updating, and deleting articles
Skill Level Intermediate
1. Required Understanding
2. Angular Firebase CRUD
3. CRUD Apps with MongoDB (Back End)
4. CRUD Apps with MongoDB (Front End)
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.