Angular Elements

on YouTube ↗34m

" summary

Angular Elements claim: package Angular components as native Custom Elements so components carry DI, change detection and Angular features into any page. Live demos show a HelloWorld demo built with platformBrowserDynamic and entryComponents, Angular Material radio buttons converted to elements and wired from plain JS, and a working Vue integration. Known limits include animation and method bindings not fully preserved and larger bundles until the Ivy engine lands, but the demos visibly work end to end.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 4:15Various use cases
3. 5:43Web Components
4. 8:23Shadow DOM
5. 10:50Defining Custom Elements
6. 11:38Attributes
7. 12:18Properties
8. 13:06Custom Events
9. 14:02Reactions
10. 17:14How it works
11. 18:13In a nutshell
12. 19:25Angular Elements in Code

" related talks

• 34mAngular ElementsPascal Precht · NG-BE 2017
• 34mAngular ElementsPascal Precht · Uphill Conf 2018
• 28mAngular ElementsRob Wormald · AngularConnect 2017
• 28mAngular Elements: From Angular to Web ComponentsMichele Stieven · Angular Day 2018
• 19mWeb Components with Angular Elements: Beyond the BasicsManfred Steyer · ng-conf 2019
• 33mBuild Web Components with Angular ElementsArjay Elbore · NG-MY 2019
• 21mAngular Elements Make The Best React ComponentsRyan Chenkie, Brad McAlister · ng-conf 2019
• 26mA look into the future: Angular ElementsAntal Andrei · ng-europe 2018