Templates define how your components are displayed, and laid out on your web pages. Angular provides several built-in directives that provide developers control over the display of their components—from whether to display or hide the component, to rendering it multiple times on the page. Built-in directives also provide a mechanism for binding classes and styles to your components.

In Chapter 6, Building Angular Components, we looked at the structure of a component and how to break down our application into a tree of components.

In this chapter, you'll learn how to have command over the display of your components within their parents' templates. Specifically, at a high level, here's what we're going to be covering together:

• Templates
• Directives 
• Pipes