首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带有未闭合标签的Angular HTML绑定

带有未闭合标签的Angular HTML绑定
EN

Stack Overflow用户
提问于 2019-02-14 15:10:37
回答 1查看 174关注 0票数 4

我正在尝试显示html代码。我有两段代码,一段是页眉,另一段是页脚。我需要在中间插入路由器插座。问题是页眉有未闭合的标签,而它们在页脚中是闭合的。当我尝试绑定innerHTML时,angular在我的代码周围添加了div标签,这就是乱七八糟的显示。有没有可能以其他方式添加html代码?

代码语言:javascript
复制
<div [innerHTML]="header | keepHtml"></div>
<router-outlet></router-outlet>
<div [innerHTML]="footer | keepHtml"></div>

这就是我的代码,我现在所拥有的。我也尝试过在我的api中加入代码,但是路由器输出不起作用。

假设我的头代码是:

代码语言:javascript
复制
<div id="firstDiv"><div id="secondDiv"><p>Some text</p>

和页脚:

代码语言:javascript
复制
</div></div>

我需要将路由器出口放在p标记之后的第二个div中,但我得到的输出是:

代码语言:javascript
复制
<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代码,我不能更改。

EN

回答 1

Stack Overflow用户

发布于 2019-02-14 15:22:32

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

代码语言:javascript
复制
<app-header></app-header>
<router-outlet></router-outlet>
<app-footer></app-footer>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54684930

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档