In this video, learn how to use the ngFor directive to loop out data in markup.
- [Instructor] Another common Angular … built in structural directive, is ngfor. … The ngfor directive is used to repeat markup … when looping over some data. … Let's put the ngfor to use in the app. … We have another new component already added … to the project for this lesson, … named media-item-list.component and the app … module, and app component, are already updated … to use that. … the media-item-list.component.ts file. … This component is designed to render out a list … to render each one. … The class has a property named mediaitems, … that has some static sample data set to it, for now, … Let's flip over to the HTML file for this component, … and make use of the ngfor structural directive. … In the template markup there is a section element … with one mw-media-item element inside of that. … This can be done by putting *ngfor on mw-media-item element. … that Angular interprets in it's own special way. … and only supports specific things. … of mediaitems. … The "let" is used to tell Angular to declare …
- What is Angular?
- Working with components
- Binding events and properties
- Getting data to components
- Using directives and pipes
- Creating Angular forms
- Validating form data
- How Angular does dependency injection
- Making HTTP calls
- Styling components
Skill Level Intermediate
Angular: Building an Interfacewith Ray Villalobos2h 20m Intermediate
1. Architecture Overview
3. Directives and Pipes
5. Dependency Injection and Services
8. Styling Components
Next steps1m 20s
- 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.