New in Angular 20: APIs for Dynamic Components (Bindings & Directives)
Angular 20 introduces new APIs for dynamic components, making it easier to work with bindings, two-way bindings, and directives when creating components on the fly. Directives now also support their own bindings.
In this video, we explore these new options step by step using a clear example with an online chat component. At the beginning of the video, I briefly remind you how dynamically created components work, so this video is also suitable for beginners who have never worked with them in Angular.
Timestamps
0:00 New APIs in Angular 20
0:12 How dynamic components work
1:39 The bindings option (input, output, two-way)
1:52 inputBinding()
2:32 outputBinding()
3:54 twoWayBinding()
4:33 The directives option
Thanks to the @Angular Team for the new APIs.👍
ℹ️ Sources:
▪️https://github.com/angular/angular/pu...
▪️https://github.com/angular/angular/pu...
Follow me on:
▪️Twitter: / theigorsedov
▪️LinkedIn: / igorsedov
▪️Bluesky: https://bsky.app/profile/igorsedov.com
▪️Instagram: / theigorsedov
Website: https://igorsedov.com
Email: [email protected]
#angular #angular20