Back to Browse

Angular 20 Just Made Dynamic Components way EASIER!

37.2K views
Jun 4, 2025
15:53

🔥 Advanced Angular Courses - https://bit.ly/df-courses More than 60 hours of Advanced Angular content 🚀 Angular 20 has already been released, and as usual, it brings many new and exciting features and improvements. Today, I’m going to share my favorite feature — the one I had been waiting for quite a long time. This new API makes the creation of dynamic components in Angular much cleaner, more consistent, and also introduces new opportunities we didn’t have before. For example, you can now apply directives to dynamic components at runtime! 👥 Decoded Frontend Community on Discord https://bit.ly/decoded-frontend-discord 🌱🤝 Support Decoded Frontend: Patreon - https://patreon.com/DecodedFrontend YouTube Membership - https://www.youtube.com/channel/UCSj1Igu3ejxqcQISNEmx8VQ/join 🕒 Time Codes: 00:00:00 - Intro; 00:00:34 - Project Overview; 00:03:48 - Problems with current code? 00:04:42 - New input binding API; 00:08:27 - New output binding API; 00:11:08 - New 2-way binding API; 00:12:02 - Applying directive to dynamic component; 00:14:26 - Recap; 00:14:51 - Outro & Useful Info; 💡 For more Angular tips, follow also: LinkedIn - https://www.linkedin.com/in/dmezhenskyi Twitter - https://twitter.com/DecodedFrontend Instagram - https://www.instagram.com/decodedfrontend

Download

1 formats

Video Formats

360pmp430.5 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Angular 20 Just Made Dynamic Components way EASIER! | NatokHD