What is View Encapsulation in Angular | View Encapsulation | Angular 12+

The View Encapsulation is a concept or behaviour in angular, where component CSS styles are encapsulated into the components view and do not effect the rest of the application .
It defines how the styles specified in the template affects the other parts of the application. The angular uses three types of View Encapsulation, while rendering the view:
1. ViewEncapsulation.Emulated
2. ViewEncapsulation.ShadowDOM
3. ViewEncapsulation.None
In this lecture you will learn what is View Encapsulation using an example and how it is implemented in angular. You will also learn what is shadow dom in Angular.

[@shubhammalikofficial]

Most of the videos I have seen only show how to achieve ViewEncapsulation of None and Emulated but you also demonstrated the working of ShadowDom. Really liked the video, keep up the good work.

[@azerazer2406]

ty broo .. god bless you and all your family

[@jjuliefrance]

I watched a lot of tutorial videos and thought I covered the basics of Angular. I even often tried to reproduce with Native JS the behaviors (two way binding) or the rendering (with template attribute or web components) to get an idea of ​​what was going on under the hood. But I just discovered your channel and I can't believe it. Each chapter is a master class. They are the best ever. And your English, for a French woman, is super pleasant to listen to and makes me progress too. A thousand times thank you.

[@pradeepmallisetty5146]

your one who explain the concept perfectly & clearly. Best thing in the video your telling, what is the use of view encapsulation feature explanation out of box

[@sj1997]

bhai itne achhe videos bnaye hai apne i cant thank you more sir i was able to crack many interview only coz of your videos all the very best aap hero ho sir angular ke youtube pe i hope your channel will cross millions

[@mohammedabdulaziz3658]

Clear Crystal Explanation sir thanks

[@PierreChevallier]

Thank you sooo much your video is very clear!

[@mehabhandari6232]

Easy to understand example with great explanation.

[@mdmerajpasha6303]

Out of box explanation. Keep going thanks a lot for this amazing content 😊.

[@chrisnortombeau3198]

Good Job you are a good professor

[@Aliana9603]

Thanks 😊 Very clearly explained with the explanations and examples

[@Autumn-jz8bw]

Wow first time I really get this and I've been working with Angular for so long.

[@sona4612]

Wow🔥🔥🔥.. Thank you so much for the crystal clear explanation...

[@shibiruararso3558]

Thank you brother! Amazing explanation

[@10224206]

Very nice explanation

[@anushkapawar2149]

Great Explanation!!

[@chiragsheth2263]

Nice explanation

[@chamaradissanayake2097]

Well explained. Thank you

[@dnguyendev]

Brilliant explanation. The entire angular playlist has helped me tremendously in learning Angular. Thank you for sharing it for free!

[@muhammaddevanozaidan6837]

very clear explanation thankyou

[@rameshgunda4397]

Mast explanation saaaarrr!!

[@avanishkumar1689]

tysm well explained...

[@hamzanouh9153]

great explanation

[@meysam8357]

thank you great tutorial

[@virajjoshi7569]

I wanted to know if I use View encapsulation as None, styles get applied to all components. But if my that components gets destroyed what will happen to that styles. Thank you ☺️

[@rahulrahul6259]

Thanks

[@srinivasneelamraju6503]

This concept has lot of issues. In your video also after applied i styles n global file if i want add styles in app component, those style will override all the styles including global styles also.

[@MrDeni23n]

"Damn the man"- ShadowDom probably 😄

[@othanhtung4987]

Thanks