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.

Create a Simple Angular 2 Component

InstructorJohn Lindquist

Share this video with your friends

Send Tweet

The simplest way to create a new component is again to use the Angular CLI. The Angular CLI can quickly generate components for you to use inside your modules and your templates. This lesson walks through using the Angular CLI to generate an Angular 2 Component then using that Component in your application.

View code for this lesson

Get Started with Angular

Create a Simple Angular 2 Component

Social Share Links