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技術，但所有現代瀏覽器均不支持此功能。