So far, we have had the opportunity to take a bird's eye overview of what components are in the new Angular ecosystem, what their role is, how they behave, and what tools are required to start building our own components to represent widgets and pieces of functionality. In addition, TypeScript turns out to be the perfect companion for this endeavor, so we seem to have everything that we need to further explore the possibilities that Angular brings to the game with regards to creating interactive components that expose properties and emit events.

In this chapter, we will:

• 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