文章/答案/技术大牛

发布

社区首页 >问答首页 >用离子3/4/5渲染HTML内容

问用离子3/4/5渲染HTML内容
EN

Stack Overflow用户

提问于 2017-06-26 12:25:18

回答 3查看 42.8K关注 0票数 35

view.html

<div>{{text}}</div>

问题是' text‘有HTML，我希望它能像应该显示的那样显示出来，但它只显示HTML标记和文本。

我怎样才能呈现这些内容呢？

我已经尝试过早期版本(Ionic 1/2)的解决方案，但似乎没有任何东西适用于Ionic v3。

ionic4

ionic5

angular

typescript

ionic3

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-06-26 12:37:36

您应该像这样使用innerHTML属性绑定：

<div [innerHTML]="text"></div>

有关更多信息，请查看角文档。

票数 79

Stack Overflow用户

发布于 2019-05-14 12:40:26

如果你想把它写在段落中，你可以通过

<p><span [innerHTML]="htmlObject"></span></p>
<p><span>"{{title}}" is the <i>interpolated</i> title.</span></p>
<p>"<span [innerHTML]="title"></span>" is the <i>property bound</i> title.</p>

<p><img src="{{heroImageUrl}}"> is the <i>interpolated</i> image.</p>
<p><img [src]="heroImageUrl"> is the <i>property bound</i> image.</p>

票数 0

Stack Overflow用户

发布于 2021-09-12 18:57:40

这个解决方案可以工作，但是有些css不能在html中工作。就像我们从后端获得了正确的数据，但不适用于innerhtml。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44759693

复制

相似问题

问用离子3/4/5渲染HTML内容
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用离子3/4/5渲染HTML内容EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用离子3/4/5渲染HTML内容
EN