Implement Angular v20+ dependency injection with inject(), tokens, and providers.
npx skills add https://github.com/wilfriedago/dotfiles --skill angular-di-wilfriedago
Please help me install this Agent Skill. Skill: angular-di Source: https://github.com/wilfriedago/dotfiles/tree/main/agents/skills/angular-di Command: npx skills add https://github.com/wilfriedago/dotfiles --skill angular-di-wilfriedago
This Skill simplifies and clarifies the implementation of dependency injection (DI) in Angular applications, enabling developers to build more modular, testable, and maintainable codebases.
inject() for cleaner service and component injection.useClass, useValue, useFactory, and useExisting.DestroyRef.Use the angular-di skill to demonstrate how to inject the HttpClient service into an Angular component using the inject() function.
High-intent search queries and answers about installing and using this skill.
The inject() function provides a modern way to handle Angular dependency injection by replacing constructor-based injection, allowing you to cleanly inject services and components directly within service or component properties.
Configuring Angular providers at the root level creates singleton services, while defining providers at component or route levels creates scoped services, directly controlling service lifecycles and instance availability.
Angular injection tokens are needed when passing custom dependencies or configuration objects that lack a concrete class, allowing you to define injectable interfaces and decouple consumers from specific implementations.
Angular provider types differentiate dependency instantiation: useClass generates instances, useValue supplies static data, useFactory creates dependencies dynamically, and useExisting aliases existing providers to share instances.
Angular dependency injection testing involves overriding providers in the test configuration to supply mock services, ensuring components are evaluated against isolated test data rather than real service implementations.
DestroyRef enables resource cleanup in Angular dependency injection by registering callbacks that trigger when an injector is destroyed, safely managing subscriptions and releasing resources outside component lifecycles.
quantruong158Explain and demonstrate advanced dependency injection patterns in Angular v20+.
oguzhan18Migrate Angular subscriptions from ngOnDestroy and Subject patterns to DestroyRef and takeUntilDestroyed.
analogjsConfigure Angular dependency injection with inject(), tokens, and providers.
Axel-DaMageGenerate Angular 17+ standalone components with routing, NgRx, and RxJS.