Angular 带未闭合标记的角度HTML绑定

我正在尝试显示html代码。我有两段代码，一段是页眉，另一段是页脚。我需要在两者之间插入路由器插座。问题是页眉有未关闭的标记，而它们在页脚中关闭。当我尝试使用[innerHTML]绑定时，angular会在代码周围添加div标记，这会导致显示混乱。是否可以以其他方式添加html代码

<div [innerHTML]="header | keepHtml"></div>
<router-outlet></router-outlet>
<div [innerHTML]="footer | keepHtml"></div>

这是我的代码，我现在拥有的。我还尝试在api中加入代码，但路由器outled不起作用

假设我的头代码是：

<div id="firstDiv"><div id="secondDiv"><p>Some text</p>

一些文本

和页脚：

</div></div>

我需要路由器出口位于p标签后的第二个div中，但我得到的输出是：

<div _ngcontent-c0="">
<div id="firstDiv">
<div id="secondDiv">
<p>Some text</p>
</div>
</div>
</div>
<router-outlet _ngcontent-c0=""></router-outlet>
<div _ngcontent-c0=""></div>

一些文本

---

另外，我从其他api获得HTML代码，我无法更改。

通用页眉和页脚，您可以根据需要进行更改并在其中添加api

<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>

当您尝试使用HTMLC时，请检查Domainetizer是否有angular？是否可以提供在[innerHTML]中绑定的数据？是否有可能使页眉和页脚成为有效的html？将代码exmaple添加到question@TomasKuzminskas您不能在Angular中使用无效的模板。如果你没有机会使用一个有效的，考虑其他解决方案。我从其他API获得HTML代码，这是我不能改变的。