Introduction to Directives

There are three types of directives in Angular you are going to work with:

Components - also known as Directives with Templates, see Components chapter for a detailed overview;
Attribute Directives - extend elements, change the look and feel of the host elements;
Structural Directives - change elements, manipulate DOM layout, add or remove elements or completely change underlying view;

Let's start with a new project to host various kinds of directives we are going to experiment with:

ng new directive-example
cd directive-example
ng serve --open

Angular Book