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

Javascript 如何在Ionic中将文本转换为html对象,javascript,html,typescript,text,ionic-framework,Javascript,Html,Typescript,Text,Ionic Framework,这是我在这里的第一个问题,我之所以问这个问题,是因为我真的在任何地方都找不到答案——或者说我不知道如何让它对我起作用——至少在HTML和Ionic方面,我是个大傻瓜 事情是这样的: 我使用的是Ionic,我想让一个文本变量作为HTML对象工作。相反,它最终只显示为带有标签的文本以及页面上的所有内容 TypeScript dice.ts HTML dice.HTML <ion-content padding> <h1> TITULO </h1> {{tes

这是我在这里的第一个问题,我之所以问这个问题,是因为我真的在任何地方都找不到答案——或者说我不知道如何让它对我起作用——至少在HTML和Ionic方面,我是个大傻瓜

事情是这样的: 我使用的是Ionic,我想让一个文本变量作为HTML对象工作。相反,它最终只显示为带有标签的文本以及页面上的所有内容

TypeScript dice.ts

HTML dice.HTML

<ion-content padding>

<h1> TITULO </h1>
{{teste}}

结果


换句话说,它没有创建header2,只是显示了原始字符串。

您可以尝试以下方法:

<ion-content padding>
  <h1> TITULO </h1>
  <div ng-bind-html-unsafe="teste"></div>
</ion-content>
另外,还有一些参考资料:

Ogari, 请试一试

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

你会发现更多关于这方面的信息

我以前确实尝试过,现在,再次尝试使用你的代码副本粘贴它,文本就消失了。它没有正确显示标题,而是完全没有显示任何内容。它只是简单地把泰特罗印成了一个头目,而没有别的。无论如何,非常感谢你!您使用的是angular2,请检查这一个,谢谢,它工作得很好!很抱歉我花了这么长时间才得到反馈。我已经使用ngContainer和ngFor解决了我的问题,但现在它简单多了。
</ion-content>
TITULO
<h2>Teste</h2>
<ion-content padding>
  <h1> TITULO </h1>
  <div ng-bind-html-unsafe="teste"></div>
</ion-content>
<div [innerHTML]={{teste}}></div>