Summary
This is a comprehensive reference for Angular 21 directive patterns, covering attribute directives, structural directives, and the newer directive composition API. You'll want this when building reusable DOM behaviors or working with Angular's hostDirectives feature. The examples are practical and show both traditional decorators and the newer signal-based inputs. The code snippets lean heavily on best practices like using Renderer2 for DOM manipulation and keeping directives focused on single responsibilities. It's current for Angular 21 and includes the modern control flow syntax, though if you're still on older versions you'll need to mentally translate some of the examples back to NgModule patterns.
Install to Claude Code
npx -y skills add oguzhan18/angular-ecosystem-skills --skill angular-directives --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
