Angular 2 Components

Chapter 6. Component Communication

Up until now, we have built a single component, but the real power of Angular components is building the interaction between them. in this chapter, we will learn how components can communicate in different ways:

• Pass data from the parent component to the child through properties
• Define custom events on a child component for the parent to listen to
• Communicate via local variables
• Query child components using the parent component

Passing data via properties

The parent component can pass data to the child component through properties. There are two ways that define input properties for a component:

• By creating an input array on the component decorator
• By using the @Input decorator for decorating a class property

Using the ...