Dynamic Component in Angular (2024)

Published: 21 August 2024
on channel: Decoded Frontend

51,313

1.9k

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

On this page of the site you can watch the video online Dynamic Component in Angular (2024) with a duration of hours minute second in good quality, which was uploaded by the user Decoded Frontend 21 August 2024, share the link with friends and acquaintances, this video has already been watched 51,313 times on youtube and it was liked by 1.9 thousand viewers. Enjoy your viewing!

123