时间戳

首页 > 解决方案 > 带有未封闭标签的 Angular HTML 绑定

angular - 带有未封闭标签的 Angular HTML 绑定

问题描述

我正在尝试显示 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>

我需要 router-outlet 在 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>

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

标签： angular

解决方案

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

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

推荐阅读