angular-di

The `inject()` function provides a modern way to handle Angular dependency injection by replacing constructor-based parameter injection. This Skill demonstrates using `inject()` alongside injection tokens and provider strategies like `useClass` and `useValue` for cleaner service architecture.

To provide a configuration object to multiple Angular services, you create an `InjectionToken` and associate it with a value using `useValue`. This Skill demonstrates how to define the token, provide the configuration data, and inject it wherever needed within the application.

Configuring Angular providers with `useFactory` allows dynamic service creation, while `useExisting` aliases existing tokens to avoid duplicate instances. This Skill demonstrates applying these provider strategies alongside multi-providers to structure robust Angular dependency injection systems.

Angular hierarchical dependency injection allows providing scoped dependencies at root, component, or route levels. This Skill demonstrates configuring the injector tree to control service instantiation and lifecycle, ensuring components and routes receive appropriate isolated service instances.

App initializers in Angular dependency injection should be used when you need to execute setup logic or fetch configuration data before the application starts. This Skill demonstrates configuring initializers using providers to ensure required services are ready during bootstrap.

Yes, you can inject the `HttpClient` service into an Angular component using dependency injection. This Skill demonstrates the quick start process of configuring the provider and utilizing `inject()` or constructor parameters to access the service for making HTTP requests.