How do _ngcontent and _nghost attributes enforce Angular style isolation?
WHAT IT TESTS: Angular's emulated encapsulation mechanics. ANSWER OUTLINE: unique component ID, _nghost on host, _ngcontent on template nodes, and CSS rewritten with attribute selectors to scope styles.
WHAT IT TESTS: Whether you understand how Angular emulates Shadow DOM without native browser APIs. ANSWER OUTLINE: First, Angular generates a unique component ID; second, it stamps _nghost-<id> on the host element and _ngcontent-<id> on every internal element; third, it rewrites component CSS selectors to include attribute selectors like [_ngcontent-<id>], ensuring rules only match this component's template; fourth, :host maps to [_nghost-<id>].
Read the original → angular.dev
- #angular
- #css
- #view-encapsulation
- #shadow-dom
- #frontend
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.