Angular Elements

on YouTube ↗34m

" summary

Angular Elements enables turning Angular components into native Web Components now, using createCustomElement and passing the module injector so services and Angular Material still work; supports AOT builds and optional shadow DOM/experimental shadow DOM slots and content projection. next.angular.io already uses elements for code tabs. New rendering cuts a Hello World to about 7.3 KB (2.7 KB gzipped) and custom element bootstrapping adds roughly a couple percent. AOT compilation is supported.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 2:12Background
3. 23:19Content Projection
4. 24:24Slots + Shadow DOM
5. 25:51Demo

" related talks

• 28mAngular Elements: From Angular to Web ComponentsMichele Stieven · Angular Day 2018
• 34mAngular ElementsPascal Precht · NG-BE 2017
• 34mAngular ElementsPascal Precht · ngVikings 2018
• 34mAngular ElementsRaúl Jiménez · DevFest Toulouse 2018
• 28mAngular ElementsRob Wormald · AngularConnect 2017
• 19mWeb Components with Angular Elements: Beyond the BasicsManfred Steyer · ng-conf 2019
• 23mElements in v6 and BeyondRob Wormald · NGConf 2018
• 33mBuild Web Components with Angular ElementsArjay Elbore · NG-MY 2019