Understanding Angular’s ViewEncapsulation

Arjen Brandenburgh
6 min readApr 1, 2019

In your Angular components you’re able to specify a component’s ViewEncapsulation. It defines template and style encapsulation options available for components, and thus specifies the strategy on how styles are applied to a component. By default, styles are appended to the document’s <head> and is encapsulation emulated, but there are other options as well.

Shadow DOM

--

--