Reynald demonstrate how to create a template and movie component that will be modeled by upcoming components that will use directives. With Angular directives we add logic to our HTML, such as if statements and for loops, and with Angular components we build nested user interface fragments, such as an image rotator or rating stars.
- [Narrator] When we last saw our application,…we created a component to display a simple welcome message.…But we're creating a movie database.…So, let's go ahead and create a component that's going…to be used particularly for that purpose.…So the first thing that we're going to want to do…is create a folder that's going to hold that component.…So, let's call that folder, Movies.…And within there, we'll go ahead and create our template…for the component and we'll call it…movie-list.component.html.…
I'm gonna go ahead and delete what's currently in here…and just put in just our heading.…And it'll simply have Movie Catalogue.…So, there's two sections,…two course sections to our template.…One's gonna be the filter,…because we're gonna have a search filter.…And the other's gonna be the table that has the records.…For the filter, I will go ahead and drop that code in.…And because we're using Bootstrap, you'll notice…that some of these classes,…such as panel-body are reference.…
And that's strictly from Twitter,…Bootstrap a feature of that.…
- Creating components
- Bootstrapping components
- Working with templates
- Using directives and interpolation
- Binding and transforming data
- Creating advanced and nested components
- Creating services
- Obtaining data with HTTP calls
- Configuring routes
Skill Level Intermediate
1. Course Overview
3. Directives, Interpolation, and Templates
5. Advanced Components
7. Obtaining Data with HTTP
- 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.