Suggest an editImprove this articleRefine the answer for “What types of directives exist in Angular?”. Your changes go to moderation before they’re published.Approval requiredContentWhat you’re changing🇺🇸EN🇺🇦UAPreviewTitle (EN)Short answer (EN)Angular has three types of directives: 1. **Components** - a special kind of directive with a template (`template`). Essentially, a component is a directive with a UI. 2. **Attribute directives** - change the **appearance or behavior** of existing elements without changing the DOM structure. Examples: `ngClass`, `ngStyle`, custom directives like `appHighlight`. 3. **Structural directives** - change the **DOM structure** by adding, removing or repeating elements. Examples: `*ngIf`, `*ngFor`, `*ngSwitch`.Shown above the full answer for quick recall.Answer (EN)ImageAngular has three types of directives: 1. **Components** - a special kind of directive with a template (`template`). Essentially, a component is a directive with a UI. 2. **Attribute directives** - change the **appearance or behavior** of existing elements without changing the DOM structure. Examples: `ngClass`, `ngStyle`, custom directives like `appHighlight`. 3. **Structural directives** - change the **DOM structure** by adding, removing or repeating elements. Examples: `*ngIf`, `*ngFor`, `*ngSwitch`. > Conclusion: components control the UI, attribute directives change element properties, and structural directives change the DOM's composition.For the reviewerNote to the moderator (optional)Visible only to the moderator. Helps review go faster.