Dynamic Component Allocation in Angular | Dynamic Component Loading

Dynamic component allocation in angular is the best way to manipulate dom dynamically with a heavy amount of change.

Dynamic component loader in angular can be achieved with various method. In this video, I have demonstrated one of them.

The dynamic component loading can be used for multiple tab layout.

#Angular #DynamicComponentAllocation #DynamicComponentLoading

Thanks for watching...

[nileshpal]

at 2:42 the entryComponents part missed by me because of fast forward I thought it can be skipped which cost me 5 hours to figure that out. Please don't cover anything important in fast forward excluding this it was such a great help.

[engineersexploring]

Hi brother, I have question If I am injecting components using selectors .. how can I stop the second component to load before the first component is loaded ?

[techworld]

How can we connect to database dynamically using anjularjs and springboot?

[nandakishore]

Nice video brother. As of now I saw videos with factory and directive viewcontentref. It's a great video bro. Please add input and output decorators with same concept (using Ng container)

[TekTuition]

very easy to understand. Nice bro great work

[mcspraint]

not working in my case explain why
<app-navbar></app-navbar>


<ng-container

<div style="overflow:auto;" *ngIf="about">

<app-about></app-about>
</div>

<div style="overflow:auto;" *ngIf="skills">

<app-skills></app-skills>
</div>

<div style="overflow:auto;" *ngIf="projects">

</div>

[jennythedancer]

I know you mentioned lazy loading but could you possibly elaborate on that?

[kushalbaldev]

I have one scenario for you if you can give answer lets say I have common component which have a checkbox and a textfield that component is being used multiple times in a parent component and a parent component will have a button lets say save button if one clicks I want all info from all child components how would I achieve it?

[mohamedimran]

Bro how to create a mat-tab with data gathering while adding and changing to each tab with the components.

[akshayrawat]

Whatttt?? That assign component method works the same way a router module would work.
Plus it's much more effective for passing IDs or route information.

[rohitsachdeva]

I have my html in json file and want to load html from json when page load and i am binding it by innerhtml. But innerhtml doesnot evaluate the ngif in that json file.
Can u suggest something?

[damianr]

Quick question: How do you send params to those components? Hows do "CatComponent, CowComponent and DogComponent" receive the inputs or ouputs?
Thanks!

[vijjybharathi]

If I want to add new tabs in the same place next to cat... How can ai do it without changing the width manually... Is there a way to get it adjusted without changing the width every time I add a new tab??

[coiote]

How do I manage @Output and @Input in this implementation?

[angulardesign]

mujhe stepper me ese karna he but problem is that koi bhi component active he toh mujhe stepper pe .active class add karna he toh me kese karunga kese janunga ke ye component active he aur ye information parerent ko kesse send karunga

[AdityaKumar-chkb]

bro upload more video on angular that how to handle local storage during login

[shubhammalikofficial]

Theory is fine. It would be much better if you showed the implementation properly instead of fast forwarding the whole process.

[mikeistp]

I see the result that i need. But you pratically rewind the whole way of making it! I don't understand why. Really.
Now i have to look code of the entire project and guess what exaclty did you do for this 1 feature.
edit: This was a disaster, looking into a many irrelevant lines!!!).. Thank god Youtube's speed playback 0, 25 helped and i'v found everything i need. Pressed "Like" after that. Please, man, don't rewind if you REALLY want to SHOW some cool feature and how it IS CREATED.

[ankitsingh]

code..? please provide and awesome work...and yes subscribed

[sambathbojan]

This is not dynamic component, static components loaded based on condition. Please change the name.