Chapter 3: Component Interaction and Inter-Communication

So far, we have had the opportunity to take a bird's eye overview of the Angular framework. We learned how to create a new Angular application using Angular CLI 10, and how the Angular framework works under the hood. TypeScript turns out to be the perfect companion for this endeavor.

We seem to have everything that we need to explore further possibilities that Angular brings to the game with regard to creating interactive components and how they can communicate with each other.

In this chapter, we will do the following:

• Learn how to create components for an Angular application
• Discover all the syntactic possibilities at our disposal to bind content in our templates
• Create public APIs for our components so that we can benefit from their properties and event handlers
• See how to implement data binding in Angular
• Reduce the complexity of CSS management with view encapsulation
• Learn how to adjust change detection inside components
• Take an overview of the component lifecycle