~/talk

Angular Elements

Talkat NG-BE 2017 · 2017-12-07..12-08· [angular]
slides:none on file

Claim: Angular Elements turns Angular components into custom elements that register and bootstrap themselves so they run outside Angular apps. Demo uses platform-browser-dynamic and registerAsCustomElements, packs a HelloWorld component and Angular Material radio buttons as web components, wires inputs/outputs and DOM events, and shows live coding where the components render and interoperate. Status is experimental: it still ships Angular runtime with zone/change detection and needs entryComponents/bootstrap workarounds, but the examples work end to end.

AI-written summary · about

  1. 0:00Start
  2. 5:21Various use cases
  3. 10:27Shadow DOM
  4. 10:54Web Components
  5. 11:34Custom Elements
  6. 12:37Attributes
  7. 13:22Properties
  8. 13:56Custom Events
  9. 14:34Reactions
  10. 17:38Others do it too!
  11. 18:53How it works
  12. 20:32Angular Elements in Code
  13. 32:39Conclusion
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.