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

Question

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

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

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

Answer 1

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

它是在 beta 12 中引入的。

之前的版本Angular，没办法解决，不自己引入修改。