Angular Elements
summary
Explains that Angular components can be compiled as real web components using the custom elements API, shows a demo where one toggle component is instantiated both inside Angular and outside the Angular root as a standalone element, describes using Shadow DOM and slots for encapsulation and content projection, notes outputs become DOM custom events, recommends enabling the Ivy renderer in config, and warns to pin document.registerElement dependency to 1.8.1 for Angular 7.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 1:26Web Components
- 5:05Angular and Web Components
- 7:57Why Angular Elements
- 9:04Angular Elements at Google
- 10:07Angular Elements demo setup
- 11:17Toggle component
- 15:19HTML slots
- 17:28Slots in Angular Elements
- 18:56Live demo: toggle
- 23:26Using outside Angular
- 24:15Demo code insights
- 29:55Ivy renderer setup
- 31:26Web Components resources
- 32:30Summary and Q&A
