Explore Angular Dependency Injection and hierarchical injectors in this comprehensive 46-minute conference talk. Dive into the importance of Dependency Injection (DI) in Angular for building scalable, testable, and flexible components and applications. Discover the underlying mechanisms of DI, learn how Angular resolves dependencies, and understand the injectors hierarchy through live coding demonstrations. Gain insights into implementing a highly scalable folder structure for Angular projects. Cover topics such as dependency types, DI solutions, two injector hierarchies, lazy and eagerly loaded modules, providing services in modules, using Providedin in LazyService, adding services to components, dependency providers, and unique injection tokens.
Angular Dependency Injection - Understanding Hierarchical Injectors
Overview
Syllabus
ANGULAR DEPENDENCY INJECTION
What is a dependency?
The Problem
Solution
Dependency Injection in Angular
Two injector hierarchies
Lazy loaded Module in the Routing!
Eagerly loaded Modules
Lazy loaded Modules
Example of hierarchical dependency injection
Provide Services in the Modules
Using Providedin in LazyService
Add LazyService to the Provider's Array of LazyModule
Services in a Component
Dependency Providers
Unique Injection Token
Wrapping up
Taught by
Devoxx
