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

Question

这是我的第一个问题，我只是问，因为我真的在任何地方都找不到答案 - 或者至少不知道如何让它为我工作(当它出现时，我是一个大菜鸟)适用于 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”，而只是显示了原始字符串。

Answer 1

你可以尝试这样的事情:

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

还有，更多引用:AngularJS : Insert HTML into view