Answer
ViewEncapsulation controls how component styles are scoped.
Modes: Emulated (default), ShadowDom, and None.
It prevents CSS conflicts and supports reusable component styling.
Quick Answer
ViewEncapsulation controls how component CSS is scoped. Emulated (default): Angular adds unique attributes to elements and scopes CSS to match - styles don't leak. ShadowDom: uses native Shadow DOM for real isolation. None: styles are global and leak everywhere. Emulated is the best default - provides isolation without Shadow DOM browser compatibility concerns.
S
SugharaIQ Editorial Team
Verified Answer
This answer has been peer-reviewed by industry experts holding senior engineering roles to ensure technical accuracy and relevance for modern interview standards.
Want to bookmark, take notes, or join discussions?
Sign in to access all features and personalize your learning experience.
Source: SugharaIQ