How to Create Dynamic Components in Angular 13/14? | Load Components Dynamically | 2022

About the Video--------------------------
In this video, I have built a Angular 13 Website.
In this website, we can create dynamic components by just clicking on the links that is displayed.
Once clicked the component is loaded in the specified area and displayed.
If we want we can close this component, so that it can be freed from memory.
Tags---------
#angular, #angular13, #angular14, #angularproject, #angularwebsite, #frontend, #backend, #fullstackwebsite, #html, #css, #typescript
#dynamiccomponentsinangular, #angularcomponentfactoryresolver

[@aforangular3759]

great work

[@raghavendrapuli3749]

Hey Rohan, you are too good. I really loved this video. Please make video's in English as it would be more clear for me and would reach broader audience scope as well. Highly appreciate it.

[@VishalTheK]

Well explained. 👏👏👏

[@prernasingh5564]

thank you . great work.

[@vinodkus1]

Thanks for your awesome video

[@prateekbhardwaj9943]

100 out of 100 for your content.

[@rushilvyas4988]

Nice

[@albinmathewsabu752]

Thank you brother 🤩

[@sona4612]

Nice tutorial 🔥

[@gauravsinghjethuri9096]

Thanks brother ☺️

[@funLifeWithRaju]

How to bind Same component but different data on button click? Can you help me

[@raghavendrapuli3749]

Rohan, am getting some errors. When trying to implement the same. How can you help me in resolving it?

[@tusharrai9762]

A. quick suggestion , variables names can be improved. eg:- Map DS name components is confusing.

[@pranaymalkan2178]

Bro, can you explain at the time frame 9:07 why have you used " ! " in " container ! = viewContainerRef, "

[@programmer_rohan]

Exclamation mark specifies that the variable will not be null. Otherwise typescript being strongly typed language throws a warning that this variable might be null.

[@mayurgudi381]

I want to show a component as a modal/dialog on a button click
This has to be done using this method ??

[@programmer_rohan]

If only one component then you can hardcode
But of multiple components then use this method

[@sachigeeth3144]

Can you share this project to the public repo?

[@debashistripathy5517]

Hi Rohan, your video is very helpful to me, i have created dynamic components as u mentioned in your video but unable to get data from each dynamic components. Please help me to achieve this. Please provide me the video link how to get and submit data from dynamically created components

[@ahamedimthias5648]

Did u got solution ?

[@ahamedimthias5648]

Did u got solution ?

[@BabyCartoonNetwork2]

Hi , Suppose we create dynamic form instead of mobile-0 mobile-1 then how we get the form values

[@BabyCartoonNetwork2]

please help me

[@programmer_rohan]

The same way you can access normal form

[@vikassharma5339]

how can we add permanent component after reload the page it has clear data automatically

[@programmer_rohan]

Use the selector of that component

[@emperor7369]

instead of creating getComponent()
just define it inside jsonObject like
components:any={
mobile:MobileComponent
}
a better approach

[@sushantverma3675]

Bro github link?

[@albinmathewsabu752]

Bro How can i connect with u

[@albinmathewsabu752]

i have some doubts in angular

[@programmer_rohan]

@@albinmathewsabu752 what?

[@prateekbhardwaj9943]

@@programmer_rohan angular itself 🤣

[@nasrimarc7050]

it would be cool if it's in english

[@rushikeshugalmugale9433]

Marathi acent

[@programmer_rohan]

😆👏

[@Dpk_Rdy]

Bro do you have Instagram acc i have many doubts please rpely

[@albinmathewsabu752]

i have also