首页 > 解决方案 > 如何使用带有阴影 dom 封装的角度材质组件

问题描述

我有一个新的 Angular 项目,并在其中添加了 Angular 材质。这些组件与默认的视图封装方法配合得很好。但他们看起来都很可怕encapsulation: ViewEncapsulation.ShadowDom。有没有办法让他们与shadow dom一起工作?最后,我想使用角度元素将我的组件集成到另一个应用程序中,如果可能的话,我不希望我的样式和宿主应用程序的样式之间有任何冲突。

标签: angular-materialshadow-dom

解决方案


Gidon Handler 说 ShadowDom 不能很好地配合 Material:https ://gidon-handler.medium.com/

(我知道 ShadowDom 会阻止组件看到全局 css,而 Material 会使用全局 css。您可能会解决问题,但它不会很漂亮)。


推荐阅读