Join Gary Simon for an in-depth discussion in this video Displaying the articles, part of Angular 2+: Creating CRUD Apps.
- [Instructor] Now it's time to generate…two different components.…One for a header template,…and the other will be a home component…which will be either a default component…that loads when the app is launched…and our Get Articles method is called.…In the console we'll use the Angular command line…interface tool to generate these components.…Ng g for generate,…component and the component name will be header,…and then also ng g,…and we can use the shorthand C for component,…and we'll name this one home.…
Next in Source,…in App let's visit the app component HTML file.…And we're simply going to get rid of everything…with the exception to our router outlet.…And on top of it,…we're going to add in our header.…We'll save that.…Now if you recall we used the CLI to generate…this project and we used the routing flag,…and this creates an app routing module file right here.…
So lets go ahead and import our home component…that we just created.…Okay next we're going to define a path,…and this path will be empty as shown here,…and we're going to set the component to our home component.…
- 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
Angular 2: Widget-Based Architectureswith Derek Peruo52m 18s Intermediate
Angular 2 Essential Trainingwith Justin Schwartzenberger2h 45m 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.