Question

我正在尝试显示html代码。我有两段代码，一个是页眉，另一个是页脚。我需要在两者之间插入路由器出口。问题是页眉具有未关闭的标签，并且页脚处于关闭状态。当我尝试与[innerHTML]绑定时，angular在我的代码周围添加了div标签，这使显示混乱。是否可以通过其他方式添加html代码？

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

现在有我的代码。我也尝试过在我的api中加入代码，但是没有路由器支持。

假设我的标头代码是：

<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>

P.S我从其他api获取HTML代码，我无法更改。

Answer 1

公共页眉和页脚，您可以根据需要进行更改并添加API。

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

角度HTML与未关闭的标签绑定

1 个答案: