ViewEncapsulation

Stable Enum

Class Overview

class ViewEncapsulation {
  Emulated 
  Native 
  None 
}

Class Description

Defines template and style encapsulation options available for Component's Component.

See ViewMetadata.

Class Details

Emulated

Emulate Native scoping of styles by adding an attribute containing surrogate id to the Host Element and pre-processing the style rules provided via ViewMetadata or ViewMetadata, and adding the new Host Element attribute to all selectors.

This is the default option.

Native

Use the native encapsulation mechanism of the renderer.

For the DOM this means using Shadow DOM and creating a ShadowRoot for Component's Host Element.

None

Don't provide any template or style encapsulation.

exported from @angular/core/index, defined in @angular/core/src/metadata/view.ts