Angular Directives Create custom directives for reusable DOM manipulation and behavior in Angular v20+. Attribute Directives Modify the appearance or behavior of an element: Using host Property Prefer over / : Class and Style Manipulation Event Handling Keyboard Shortcuts Structural Directives Use structural directives for DOM manipulation beyond control flow (portals, overlays, dynamic insertion points). For conditionals and loops, use native , , . Portal Directive Render content in a different DOM location: Lazy Render Directive Defer rendering until condition is met (one-time): Template Ou…