Introducing Directives

Angular directives are HTML attributes that extend the behavior or the appearance of a standard HTML element. When we apply a directive to an HTML element or even an Angular component, we can add custom behavior to it or alter its appearance. There are three types of directives:

• Components: They are directives with an associated template.

• Structural directives: They add or remove elements from the DOM.

• Attribute directives: They modify the appearance of or define a custom behavior for a DOM element.

Angular provides us with a set of built-in directives that we can use in our components to cover most use cases. Angular built-in directives are part of the ...