ViewEncapsulation

enum

npm Package	@angular/core
Module	import { ViewEncapsulation } from '@angular/core';
Source	core/src/metadata/view.ts

Overview

enum ViewEncapsulation {
  Emulated
  Native
  None
}

Members

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 Component or Component, 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.