Native Shadow DOM vs Angular's Emulated Shadow DOM

  Рет қаралды 2,528

nivek

nivek

Күн бұрын

In Angular, components styles can be encapsulated. There are three different encapsulation strategies available. None, Emulated and ShadowDom.
None is probably the least interesting. It just disables encapsulation completely. But what is the difference between Emulated and ShadowDom?Let’s find out!

Пікірлер: 3
@miladnaderi33
@miladnaderi33 Жыл бұрын
for me, the mainnnnnnnnnnnn part was that t summary at the end: emulated : accept styling from outside don't send styling to outside native(it's now deprecated and u should use shadowdom): is locked from both ways. not effecting and not accepting style.(it's isolated interm of styling)
@guibson91
@guibson91 Жыл бұрын
Yeah.. both strategies have encapsulated styling! So, the styles of these components are not shared with external components! It makes a lot of sense! It would be a caos! The only difference is: a) Emulated: It can be changed for global styles. b) Shadow: It cannot be changed for global styles.
@Billy_Herrington__
@Billy_Herrington__ Жыл бұрын
I mean, after 5 years of working with angular i can understand, what are you saying, but even then i almost lost it at 1:35, imagine, someone new to angular try to listen to it, and maybe they dont know english that well. Just a feedback, no offence.
Bootstrapping standalone components in Angular 14
2:44
nivek
Рет қаралды 2,2 М.
Explaining the Shadow DOM | Developer Quick Takes
8:32
Salesforce Developers
Рет қаралды 424 М.
Декларативный Shadow DOM для изоляции стилей
20:19
Вадим Макеев
Рет қаралды 14 М.
Angular Resource API - Everything You Have To Know (so far)
27:58
Decoded Frontend
Рет қаралды 16 М.
Angular v19 Developer Event
22:54
Angular
Рет қаралды 66 М.