Chapter 4. Getting Started with Angular Components and Directives

By this point, we're already familiar with the core building blocks that Angular provides for the development of single-page applications and the relations between them. However, we've touched only the surface by introducing the general idea behind Angular's concepts and the basic syntax used for their definition. In this chapter, we'll take a deep dive into Angular's components and directives.

In the following sections, we will cover these topics:

• Enforced separation of concerns of the building blocks that Angular provides for developing applications.
• The appropriate use of directives or components when interacting with the DOM.
• Built-in directives and developing custom ones.
• An in-depth look at components and their templates.
• Content projection.
• View children versus content children.
• The component's life cycle.
• Using template references.
• Configuring Angular's change detection.