Elements in v6 and Beyond
summary
Angular exposes an API that mints real Custom Elements from Angular components via createCustomElement, letting modules register an injector ahead of time, supporting dependency injection, lifecycle hooks, attribute/property mapping, event outputs, and three construction paths including a constructor that accepts a custom injector. Content projection generally works, native shadow DOM slots are experimental, and the Angular docs widgets were converted in about two hours and run on the site. Runtime weight targets are tiny (example app ~2.7 KB compressed) and browser support is live in Chrome Safari Opera and Firefox nightly but not yet Edge.
AI-written summary · about
chapters (6)
- 0:00Start
- 8:25Dependency Injection
- 12:25Content Projection
- 13:01Slots + Shadow DOM
- 14:25Use Cases
- 20:18Support / Production Readiness








