Say "Hello World" to Angular 2

Create a Simple Angular 2 Component

Manage Angular 2 Elements with Events and Refs

Control Angular 2 Events with $event and Event Handlers

Share Services and Data with Angular 2 Dependency Injection

Provide and Share Values with Angular 2 Dependency Injection

Loop Through Angular 2 Components with ngFor

Pass Values into Angular 2 Components with @Input

Sync Values from Inputs with Angular 2’s ngModel Two-Way Binding

Pass Events from Angular 2 Components with @Output

Write CSS Inside of Angular 2 Components

Apply CSS Classes Conditionally with Angular 2’s ngClass

Use Global CSS Inside Angular 2 Components

Get Started with Angular

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.

angular

https://app.egghead.io/api/v1/lessons/angular-loop-through-angular-2-components-with-ngfor/transcript

Get Started with Angular

Loop Through Angular 2 Components with ngFor

Social Share Links