Become a Content Projection Artist
summary
Shows exactly how content projection works in Angular and which APIs to use: ng-content, ng-template and NgTemplateOutlet, ContentChildren and templateRef. Builds concrete reusable components—dialog/pop‑up with header/body/footer slots, a dynamic tabs component driven by a marker directive that reads template names, and examples of passing a context object back into projected templates. Demonstrates number‑of‑slots tradeoffs, how the marker directive simplifies the API, and working StackBlitz exercises so the patterns actually run end‑to‑end.
AI-written summary · about
chapters (5)
- 0:00Start
- 5:54Basic Content Projection
- 9:01Multi-slot content projection
- 15:07Dynamic content projection with ng-template
- 25:07Syntax improvements using Angular tricks
related talks
20mDeep dive into content projection
21mCreating Container Components with Web Components and Angular
30mReactive parenting with Angular 2
23mngTemplateOutlet: The secret to customisation
51mScalable User Interfaces with Angular 2
28mReal-life Angular Architecture Lessons
28mFrom Scratch to Screen: The Art of Component Design in Angular
10mWriting Compound Components in Angular