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.
- installs
- 5.7K
- GitHub stars
- 588
- last updated
- Aug 21, 2026
Install
$ npx -y skills add analogjs/angular-skills --skill angular-di --agent claude-codeInstalls 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/skillsTo remove these:
npx skills remove analogjs/angular-skills
The previous contents of this skill remain available in this repository's git history.
Sponsors
Details
- Repository
- github.com/analogjs/angular-skills
- Categories
- Frontend Development, Code Review & Quality
