Dynamic Component in Angular (2024)

Publicado em: 21 Agosto 2024
no 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

Nesta página do site você pode assistir ao vídeo on-line Dynamic Component in Angular (2024) duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Decoded Frontend 21 Agosto 2024, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 49,757 vezes e gostou 1.8 mil espectadores. Boa visualização!

806,412

3.5 mil

00:00:00