在index.html中以角8向组件内部注入动态html

Question

我正在使用网络应用程序。其中玉兰为CMS。我在这里还是新手，但我会解释这种情况。玉兰提供index.html，其中包含组件的引用。但是对于某些组件，它还提供了一些其他html内容。这些额外的内容必须显示在特定组件的模板内。请参阅以下内容以获得更好的理解。（请记住，它在index.html中）

<my-component>
<div> this division has to be shown inside the my component template.</div>
</my-component>

到目前为止，我一直尝试遵循以下方法。

1. 尝试使用-这显然不起作用，因为我最近了解到，角度不是根模板（index.html）的主人。所以ng-content永远行不通。如果我错了，请纠正我。
2. 使用影子dom视图封装。我不是专家，但是设置viewencapsulation = shadowdom并在组件模板内定义插槽可以实现我的目的。这种方法的唯一问题是此阴影元素的范围。它将位于具有自己范围的阴影根内部，因此内部不会应用任何全局样式。我必须为每个这样的组件导入所有全局css，这使得main.js的大小变得疯狂。

有人可以建议我解决这个问题的方法吗？

Answer 1

您是否尝试过为该组件使用Input（）值？

1. index.html

<my-comp [myInputs]="'My Input HTML <b>Content</b>'">

2. 您的接收组件...

<div [innerHTML]="myInputs"></div>