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.

[@PierreChevallier]

Thank you sooo much your video is very clear!

[@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.

[@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.

[@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

[@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

[@Aliana9603]

Thanks 😊
Very clearly explained with the explanations and examples

[@mohammedabdulaziz3658]

Clear Crystal Explanation sir thanks

[@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

[@Autumn-jz8bw]

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

[@shibiruararso3558]

Thank you brother! Amazing explanation

[@sona4612]

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

[@anushkapawar2149]

Great Explanation!!

[@rameshgunda4397]

Mast explanation saaaarrr!!

[@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

[@chamaradissanayake2097]

Well explained. Thank you

[@10224206]

Very nice explanation

[@meysam8357]

thank you great tutorial

[@hamzanouh9153]

great explanation

[@avanishkumar1689]

tysm well explained...

[@rahulrahul6259]

Thanks

[@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 ☺️

[@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 😄

[@chiragsheth2263]

Nice explanation

[@othanhtung4987]

Thanks