Build Web Components with Angular Elements
summary
Shows how Angular Elements wraps an existing Angular component into a real custom element, demonstrating a hello-name component implemented in ~32 lines, packaged with ng build into an ESM + ES5 pair (es2015 bundle ~132 kB es2015 bundle), and loaded as a plain script into non-Angular apps. Uses shadow DOM with CSS variables to isolate styles, explains attribute/property reflection and lifecycle callbacks, and demos running the element in a Vue playground (works, with a short demo hiccup).
AI-written summary · about
chapters (7)
- 0:00Start
- 2:01Web Components
- 5:25Custom Elements
- 5:53Html Elements
- 7:12Connected Callback
- 12:17Demo
- 18:49Ng Build
related talks
19mWeb Components with Angular Elements: Beyond the Basics
28mAngular and Webcomponents
28mAngular Elements: From Angular to Web Components
34mAngular Elements
25mI'm with Web Components and Web Components Are with Me
28mAngular Elements
25mWeb components with Angular: The what, the why and the how.
34mAngular Elements