如何在 Angular 中命名 _nghost/_ngcontent 道具?

Dio*_*eto 5 angular2viewencapsulation angular

我目前正在做一些将 Angular 应用程序作为 Web 组件共享的实验,我遇到了一个应用程序的样式影响另一个应用程序的问题。

鉴于我使用模拟视图封装这一事实,Angular 将向我的元素添加特殊_nghost-c#_ngcontent-c#道具,并更新样式以使用它们。现在,由于我可能在一个页面中有多个 Angular 应用程序,这些选择器可能会影响其他应用程序。

我在网上看到了一些例子,这些 props 中有一个命名空间,比如_nghost-XXX-#,但我找不到自定义它的方法。

问题示例

ale*_*rdo 0

此问题的修复刚刚在Angular v8中发布。

它是在beta 12中引入的。

对于以前版本的 Angular,没有办法解决,除非自己引入更改。