There are mainly three kinds of directives:
- Components — These are directives with a template.
- Structural directives — These directives change the DOM layout by adding and removing DOM elements.
- Attribute directives — These directives change the appearance or behavior of an element, component, or another directive.