Course

Get Started with Angular

1
Say "Hello World" to Angular 2
1m 10s
2
Create a Simple Angular 2 Component
2m 10s
3
Manage Angular 2 Elements with Events and Refs
2m
4
Control Angular 2 Events with $event and Event Handlers
1m 1s
5
Share Services and Data with Angular 2 Dependency Injection
1m 22s
6
Provide and Share Values with Angular 2 Dependency Injection
1m 50s
7
Loop Through Angular 2 Components with ngFor
1m 58s
8
Pass Values into Angular 2 Components with @Input
1m 59s
9
Sync Values from Inputs with Angular 2’s ngModel Two-Way Binding
1m 43s
10
Pass Events from Angular 2 Components with @Output
3m 54s
11
Write CSS Inside of Angular 2 Components
2m 57s
12
Apply CSS Classes Conditionally with Angular 2’s ngClass
2m 10s
13
Use Global CSS Inside Angular 2 Components
1m 46s

⚠️ This lesson is retired and might contain outdated information.

Loop Through Angular 2 Components with ngFor

InstructorJohn Lindquist

Share this video with your friends

Send Tweet

Published 9 years ago

Updated 2 years ago

This lesson covers Angular 2’s version of looping through data in your templates: *ngFor. It’s conceptually the same as Angular 1’s ng-repeat, but you’ll find the syntax quite different as it aligns with #refs in Angular 2 and JavaScript “for of” loop.

View code for this lesson

Get Started with Angular

Loop Through Angular 2 Components with ngFor

Social Share Links