如何使用带有阴影 dom 封装的角度材质组件

Question

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

Answer 1

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

（我知道 ShadowDom 会阻止组件查看全局 css，而 Material 会使用全局 css。您可能会解决方法，但它不会很漂亮）。