Скачать или смотреть Mastering Angular: Injecting Arrays of Providers

In this episode, we go beyond InjectionToken and explore how to provide a list of dependencies using Angular’s Dependency Injection system — a must-know technique for real-world Angular apps.

🔍 What you’ll learn in this video:

How to provide arrays of values (like payment methods or API endpoints)

The role of multi: true in multi-providers

Common pitfalls with HTTP_INTERCEPTORS

Why providing services at the wrong level breaks things

The difference between root-level and lazy-loaded interceptors

A hands-on demo using both class-based and new functional interceptors

How to wrap providers using makeEnvironmentProviders() for a scalable setup

In this video, I explain how to use Angular's dependency injection system to provide lists of dependencies from multiple sources using `multiprovider`. I cover some practical coding examples and end with a summary of key points for using `angular inject function` with `angular patterns`. Subscribe for more `web development` content!

💡 You’ll also see:

How Angular resolves dependencies from component to root

Why overriding interceptors in lazy modules causes bugs

How to fix configuration issues with modern APIs like provideHttpClient() and withInterceptors()

📌 Whether you’re building enterprise features or exploring standalone APIs in Angular, understanding multi-providers and DI hierarchy is critical for a clean and maintainable app.

👨‍💻 I'm Maksym Grom — and this channel is all about web development and mastering Angular from the inside out.

🔔 Like, Subscribe, and stay tuned for the next episode in the Angular Dependency Injection series!

00:00 Intro
00:36 Providing an array of strings with multi true
02:10 Common pitfalls
02:33 Overriding HTTP Interceptors in module app
07:48 Overriding HTTP Interceptors in standalone app
10:31 provideFeature pattern in angular
12:10 Summary