Angular Elements: From Angular to Web Components

on YouTube ↗28m

" summary

Describes how Angular Elements turns Angular components into standard Custom Elements by using createCustomElement and customElements.define with the Angular Injector. Shows a live toast example using Shadow DOM that mounts and emits events in plain HTML, explains the element bundles an Angular runtime so it works outside Angular, and notes tradeoffs (runtime size, manual bundling/export) with expected improvements from Ivy and better browser support.

AI-written summary · about

" chapters (7)

1. 0:00Angular Elements intro
2. 5:15Web Components specs
3. 11:12Why Angular Elements helps
4. 13:20Traditional Angular limits
5. 16:32Angular Elements demo
6. 23:47Integration without Angular runtime
7. 27:47Conclusion

" related talks

• 34mAngular ElementsPascal Precht · Uphill Conf 2018
• 34mAngular ElementsRaúl Jiménez · DevFest Toulouse 2018
• 28mAngular ElementsRob Wormald · AngularConnect 2017
• 34mAngular ElementsPascal Precht · NG-BE 2017
• 33mBuild Web Components with Angular ElementsArjay Elbore · NG-MY 2019
• 19mWeb Components with Angular Elements: Beyond the BasicsManfred Steyer · ng-conf 2019
• 25mI'm with Web Components and Web Components Are with MeGil Fink · AngularUP 2019
• 34mAngular ElementsPascal Precht · ngVikings 2018