Dynamic Component in Angular (2024)

Publicado el: 21 agosto 2024
en el canal de: Decoded Frontend

49,757

1.8k

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

En esta página del sitio puede ver el video en línea Dynamic Component in Angular (2024) de Duración hora minuto segunda en buena calidad , que subió el usuario Decoded Frontend 21 agosto 2024, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 49,757 veces y le gustó 1.8 mil a los espectadores. Disfruta viendo!

4,125

130