"IONIC 3"页面添加了html内容变量

Question

我正在尝试将包含html的变量添加到我的离子3页面

离子页面:

<ion-header>

  <ion-navbar>
    <ion-title>{{offeritem.data.nameprovider}}</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div>
    {{offeritem.data.detailsoffer}}
  </div>
</ion-content>

---

但是我得到以下内容

结果:

<p>The table contains 30 pieces:</p><ul><li>5 Philadelphia Roll</li>
<li>5 Fantasia Roll</li>

请告诉我在这种情况下我做错了什么.

提前致谢

Answer 1

你应该[innerHTML]像这样使用离子3:

<p [innerHTML]="yourVarHere"></p>

Answer 2

<span [innerHTML]="offeritem.data.detailsoffer"></span>

参考文献

请注意“属性绑定或插值？”部分。