javascript - Angular 7 - 创建具有独立范围且具有 Angular 样式的组件背后的机制是什么？

Question

在 Angular 7 中——核心库是否使用 shadow dom 元素来处理隔离范围。 Angular 7 中创建组件背后的场景是什么？它的工作范围是如何隔离的？

谁能帮我理解这个？

Answer 1

在 Angular 默认 View 中，封装技术是 emulated，它由 encapsualation: viewEncapsulation.Emulated 提供，您不必显式定义它。这通过向宿主元素添加包含代理项 id 的属性来模拟 Native 样式范围。

如果您正在使用encapsualation: viewEncapsulation.None，这不会提供任何模板或样式封装，无论您定义什么样式，都将在全局应用。

如果您使用encapsualation: viewEncapsulation.Native，这将使用原生 Shadow DOM 技术，但所有现代浏览器都不支持此技术。