Angular Di

Covers Angular v20+ dependency injection patterns with modern inject() syntax instead of constructor injection. Shows provider configuration at root, component, and route levels, plus injection tokens for configuration and multi-providers for collecting services. Includes practical examples of optional injection, scoped services, app initializers, and environment injectors. Good reference when you need to understand DI hierarchy or set up complex service architecture. The multi-provider examples are especially useful for plugin systems or collecting validators.

skills.sh installs: 5.8K
GitHub stars: 587
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add analogjs/angular-skills --skill angular-di --agent claude-code

Installs into .claude/skills of the current project.

Files

Angular Dependency Injection

⚠️ Deprecated. This skill is no longer maintained, and its guidance has been removed rather than left to go stale. The Angular team now publishes official skills at angular/skills — install those instead:
npx skills add https://github.com/angular/skills
To remove these: npx skills remove analogjs/angular-skills

The previous contents of this skill remain available in this repository's git history.

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly