Component in Angular2 (Part 1 of 5)

Let's learn Angular 2 by an Examples and not spending much time in theory's. We will cover the best practical and ready to use Angular 2 Examples.

You can find some other posts of this series below:

Component in Angular2 (Part 1 of 5)
Directive and Pipes in Angular2 (Part 2 of 5)
Forms and Pipes in Angular2 (Part 3 of 5)
Dependency Injection in Angular2 (Part 4 of 5)
HTTP and Routing in Angular2 (Part 5 of 5)

All example are based on Angular2 RC 1

Components - Displaying data in our templates

• Component.ts
• Component.html

Components - Working with Events

• Event.ts
• Event.html

Components - Using Property

• Property.ts
• Property.html

Components - Using more complex data

• Interface.ts
• Interface.html

Components - Using Sub-Component

• Parent.html
• Parent.ts
• Child.html
• Child.ts

Components - Getting data to the component with input

• parent.component.ts
• child.component.ts
• index.html
• character.ts

Components - Subscribing to component events with output

• parent.component.ts
• child.component.ts
• index.html
• character.ts

Components - Getting data to the component with @input

• parent.component.ts
• child.component.ts
• index.html
• character.ts

Components - Subscribing to component events with @output

• parent.component.ts
• child.component.ts
• index.html
• character.ts