如何在不在 Angular 中添加标签的情况下呈现 innerHTML

Posted

技术标签:

【中文标题】如何在不在 Angular 中添加标签的情况下呈现 innerHTML【英文标题】:How to render an innerHTML without adding a tag in Angular 【发布时间】:2020-11-04 18:58:47 【问题描述】:
<div [innerhtml]="'<b>HEY</b>'"></div>

效果很好!但问题是我不希望 div 或任何其他元素添加到页面中。我只想将 innerHTML 内容呈现到页面。我尝试了ng-container 而不是div,但它不起作用。我怎样才能做到这一点?

【问题讨论】:

【参考方案1】:

您可以在 div 上使用[outerHTML],它将被替换。

<div [outerHTML]="'<b>HEY</b>'"></div>

【讨论】:

谢谢,但就像 Angular 中的一切一样荒谬。

以上是关于如何在不在 Angular 中添加标签的情况下呈现 innerHTML的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 TSX 使 StencilJS 组件在没有组件标签的情况下呈现?

呈现时如何从 WebControl 中删除 span 标签

如何在不隐藏 tabBar 的情况下呈现视图控制器

Angular 4:如何在不丢失响应式设计元标记的情况下构建生产。

如何在 Angular 6 中呈现转义的 html

Angular Universal 不在路由器插座内呈现内容