Angular Injector
- 163 installs
- 6 repo stars
- Updated April 4, 2026
- oguzhan18/angular-ecosystem-skills
Master Angular DI: providers, inject(), InjectionToken, hierarchical injectors, optional deps, and environment providers for testable services and shared configuration.
About
angular-injector explains Angular dependency injection—provider scopes, inject(), InjectionToken, hierarchical injectors, and TestBed overrides—so services stay testable, configurable, and correctly scoped across the component tree.
- Provider scopes: root, platform, element
- inject() and constructor injection
- InjectionToken for config values
- Optional and multi providers
- Testing with TestBed overrides
Angular Injector by the numbers
- 163 all-time installs (skills.sh)
- +1 installs in the week ending Aug 4, 2026 (Skillselion tracking)
- Ranked #931 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Aug 4, 2026 (Skillselion catalog sync)
npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-injectorAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 163 |
|---|---|
| repo stars | ★ 6 |
| Last updated | April 4, 2026 |
| Repository | oguzhan18/angular-ecosystem-skills ↗ |
What it does
Master Angular DI: providers, inject(), InjectionToken, hierarchical injectors, optional deps, and environment providers for testable services and shared configuration.
Files
Angular Injector
Version: Angular 21 (2025) Tags: Injector, DI, Providers
References: Injector API
Best Practices
- Use inject()
@Component({})
export class MyComponent {
private service = inject(MyService);
}- Use Injector.get
const injector = Injector.create({
providers: [{ provide: MyService }]
});
const service = injector.get(MyService);- Use EnvironmentInjector
const environmentInjector = inject(EnvironmentInjector);Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4k