如何将 JSON 文件中的 HTML 代码转换为 Ionic 3 中的字符

Question

我正在尝试将一些 JSON 文件读入 HTML，但 HTML 字符显示为代码。我试过使用 [innerHTML]="{{item.detail}}" 但它不起作用，有什么帮助吗？

代码示例：

            <ion-row *ngFor="let item of items; index as i;">
              <span class="txt">{{item.topic}}</span><br>
              <span class="txt">{{item.excerp}}</span><br>
              <ion-col class="q">[innerHTML] = "{{item.detail}}"<br>

Answer 1

innerHTML 是一个指令

<ion-row *ngFor="let item of items; index as i;">
              <span class="txt">{{item.topic}}</span><br>
              <span class="txt">{{item.excerp}}</span><br>
              <ion-col class="q" [innerHTML] = "item.detail"></ion-col>
</ion-row>

或

<ion-row *ngFor="let item of items; index as i;">
              <span class="txt">{{item.topic}}</span><br>
              <span class="txt">{{item.excerp}}</span><br>
              <ion-col class="q" innerHTML = "{{item.detail}}"></ioncol>
</ion-row>

如何将 JSON 文件中的 HTML 代码转换为 Ionic 3 中的字符

How to convert HTML codes in JSON file to characters in Ionic 3

html

encoding

pipe

ionic-framework

ionic3