Reynald sets us up for a discussion on directives, interpolation, and templates. To build a user interface for our movie database in Angular, we create a template with HTML. But to really power that user interface we need directives and data binding. Data bindings allow us to easily display information and respond to user actions.
- [Instructor] So we created a component and ran it,…and things looked fine.…To build a user interface for our application Angular…we use templates heavily.…But in addition to that we also use directives…and other features such as interpolation.…In this chapter we're going to review some of these.…Directives change the appearance…or behavior of a DOM element…when we're dealing with templates.…It's the best way in Angular to manipulate…the elements of HTML the way that you desire.…
Now our there are custom directives…and built in ones that Angular provides.…And we'll talk about those later,…but in the example right here,…is the NG4 which allows you to do…four conditions within the HTML template.…Angular provides various ways of binding,…and one of the most straightforward…and easiest ways is interpolation.…It's a form of binding that's one way,…and this was an example in our App Component class…we used "Welcome Message" as a property…and then referenced it…through interpolation in our template.…
The topic we're going to be revisiting heavily…
- 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?
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.