Our movie database will have ratings displayed as star images with partial stars that reflect fractional ratings. This time, we want to create a component that is reusable by any other parts/features of our application. We begin the process to demo this by creating one in a shared folder that already exist with CSS and Glyphicon references.
- [Instructor] Currently in our application,…the movie reviews are numerical.…What we want to do is replace it with stars…to have that visual representation.…So let's go ahead and start working on that.…This time what we want to do is to create a component…that is reusable by any other parts or features…of our application.…So, as such, we're going to want to create this…in a separate folder.…Let's go ahead and open up the solution,…so that we see the shared folder under the app folder.…
The shared folder should already exist,…because it was part of the starter file.…So what we want to do is create a type script file…called review.component.ts.…Click okay, and the first thing we'll do…is create our class called Review Component.…The next thing we'll do is to add a decorator for it.…And this decorator is going to have the property selector…that we're going to call MD-review.…
MD just for movie database.…And the template URL is going to point…to our review.component template,…which currently already exists.…Likewise, the styles URL is going to point…
- 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.