In this video, learn how to add a component to insert data into your project. In order for this to work, you need to toggle the display of this element using the NgClass directive.
- [Instructor] It's time to work on our add-component.…So this will have a form that you can use…to add an appointment into our list.…I've got a gist at this URL,…so I'm going to click on this Raw button right here…and select all this text,…and then switch back to my add.component, that HTML,…and select everything that's in there,…and replace it with our form.…And you see the form right here.…I'm going to get rid of this Wisdom Pet Medicine.…
So that is on app.component, that HTML,…and we can just get rid of this line right there.…Now, I want to add a plus icon,…just like I've added these X's right here.…So to do that, we're going to go into add.component.ts,…and in addition to faTimes,…we are going to add faPlus,…and actually, as you start adding the keywords fa,…you can actually see all of the icons that are available,…they're all showing right here.…
So we want faPlus, and then we have to…add that to the library.…So we'll do faTimes, faPlus right here.…And now, the plus sign is going to be available to us.…So I'm going to go to the list.component,…
- Building custom Angular projects
- Working with subcomponents
- Adding icons
- Adding search functionality
- Using lifecycle methods
- Managing list data
- Indexing your data
- Updating records
Skill Level Intermediate
Using the exercise files1m 43s
1. Building Custom Angular Projects
2. Working with Subcomponents
3. Creating More Subcomponents
Managing form submission8m 33s
4. Managing List Data
Next steps1m 8s
- 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.