angular - 在 Ionic 3/4/5 中渲染 HTML 内容

Question

视图.html

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

问题是“文本”具有我希望显示的 HTML，但它只显示 HTML 标签和文本。

我能做些什么来呈现这些内容？

我已经尝试过早期版本（Ionic 1/2）的解决方案，但 Ionic v3 似乎没有任何效果。

Answer 1

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

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

请查看Angular 文档以获取更多信息。

Answer 2

如果你想在段落中写它，你可以这样做

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

Answer 3

<div [innerHTML]="文本">

此解决方案有效，但某些 css 在 html 中无效。就像我们从后端获得了正确的数据但不适用于 innerhtml 。