Introducing Directives
Explore how Angular directives extend HTML elements by adding behavior or changing appearance. Understand the three directive types, especially structural ones like ngIf, ngFor, and ngSwitch. Learn to conditionally render content efficiently in Angular applications.
We'll cover the following...
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 ...