Dynamic Component in Angular (2024)

Veröffentlicht am: 21 August 2024
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video Dynamic Component in Angular (2024) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Decoded Frontend 21 August 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 51,313 Mal angesehen und es wurde von 1.9 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!