Angular 7-用角度样式创建具有隔离范围的组件的背后机制是什么？

Question

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

谁能帮我理解这一点？

Answer 1

根据有关角度的文档，DOM封装用于特定于组件的样式注入。

这似乎是关键功能，例如创建伪元素并在其名称中附加样式。

MDN-文档

角文档

更新

在angular的官方仓库中找到了这个： style_compiler

需要深入学习！

Answer 2

在角默认视图封装技术emulated ，这是由提供encapsualation: viewEncapsulation.Emulated ，你不必明确定义此。 通过向主机元素添加包含替代ID的属性，可以模拟样式的Native作用域。

如果您使用encapsualation: viewEncapsulation.None ，则此方法不提供任何模板或样式封装，无论您定义的样式如何，都会全局应用。

如果您使用的是encapsualation: viewEncapsulation.Native则将使用本机的Shadow DOM技术，但所有现代浏览器均不支持此功能。