Dynamic Component in Angular (2024)

Опубликовано: 26 Февраль 2025
на канале: Decoded Frontend

34,661

1.5k

Support Decoded Frontend on Patreon 👉   / decodedfrontend
Check out Advanced Angular Courses 👉 https://bit.ly/discounted-course-bundle

It is only a matter of time before you encounter a use case in which specific components must be created dynamically at runtime, and from this video, you will find answers to the following questions:

How to create and destroy components dynamically.
How to properly change created component inputs;
How to react to component outputs;
And how to dynamically create customizable components with content projection.

And, of course, I will show it using the modern Signal-Based API ;)

🕒 Time Codes:
00:00 - Intro;
00:01:03 - Concept of ViewContainer;
00:02:10 - Basics of Dynamic Component;
00:05:31 - How to Destroy created Component;
00:07:35 - How to update inputs;
00:09:31 - How to react to outputs;
00:11:04 - Content Projection and Dynamic Components;
00:16:00 - Where to learn more? ;
00:16:53 - Outro;

Code on GitHub:
https://github.com/DMezhenskyi/angula...

💡 Follow Decoded Frontend also here:
Discord Server - https://bit.ly/decoded-frontend-discord
Twitter -   / decodedfrontend
Instagram -   / decodedfrontend
LinkedIn -   / dmezhenskyi