如何在 Ionic 中将文本转换为 html 对象

Posted 2023-05-07

【中文标题】如何在 Ionic 中将文本转换为 html 对象

【英文标题】：How to turn text into html object in Ionic

【发布时间】：2017-09-15 22:45:20

【问题描述】：

这是我在这里的第一个问题，我只是问，因为我真的无法在任何地方找到答案 - 或者至少不知道如何让它对我有用（我是一个巨大的菜鸟，当它涉及 html 和 Ionic）。

事情是这样的： 我正在使用 Ionic，我想让文本变量作为 HTML 对象工作。相反，它最终只是在页面上显示为文本（带有标签和所有内容）。

TypeScript (dice.ts)

export class Dice 

...

dice = 4;
result = 0;
teste = "<h2>Teste</h2>";

...

HTML (dice.html)

<ion-content padding>

<h1> TITULO </h1>
teste

...

</ion-content>

结果

TITULO
<h2>Teste</h2>

也就是说，它没有创建“header2”，只是显示了原始字符串。

【参考方案1】：

你可以试试这样的：

<ion-content padding>
  <h1> TITULO </h1>
  <div ng-bind-html-unsafe="teste"></div>
</ion-content>

另外，还有一些参考：AngularJS : Insert HTML into view

【讨论】：

我之前确实尝试过，现在再次尝试使用您的代码（复制粘贴），文本就消失了。它没有正确显示标题，而是完全没有显示任何内容。它只是打印“TITULO”（作为“header1”）而没有别的。无论如何，非常感谢！

你正在使用 angular2，请检查这个而不是 ***.com/a/32341540/3760661

【参考方案2】：

小贺， 请尝试

<div [innerHTML]=teste></div>

你会发现更多关于这个at this link

【讨论】：

谢谢，效果很好！很抱歉，我花了这么长时间才得到反馈。我已经通过使用 ngContainer 和 ngFor 的解决方法解决了我的问题，但现在它更简单了。