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

【问题标题】：How to turn text into html object in Ionic如何在 Ionic 中将文本转换为 html 对象
【发布时间】：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>

【讨论】：

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

【解决方案2】：

小贺，请尝试

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

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

【讨论】：