Advanced DI
summary
Code-heavy demo builds an animals app that registers components as an interface by providing them at component scope and then uses useExisting aliasing plus the read parameter on a directive to pull the actual component instances out of their per-component injectors. The surprising claim is that contentChildren looks into injectors so querying for the abstract-class token returns all animals. A DOM border shows elementRef manipulation and QueryList.changes demonstrates lifecycle gaps — the solution works.
AI-written summary · about
chapters (4)
related talks
41mIt’s Alive! Dynamic Components in Angular
33mIt’s alive! Dino-mic components in Angular
30mClimbing up injector trees
39mDeep DI-ving: how Angular's DI system defeated a monolith
01h 44mImplementing advanced DOM manipulation scenarios
31mIt’s Alive! Dynamic Components in Angular
24mComponents: Life Beyond Init and Destroy
22mIt’s alive! Dynamic components in Angular