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

Question

I'm trying to read in some JSON files to HTML but the HTML characters are displaying as codes. I've tried using [innerHTML]="{{item.detail}}" but its not working, any help please?

Code sample:

            <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>

Can you please reduce your code to a minimal reproducible example and provide it for others to recreate your issue? Please also review How to Ask and edit your question to conform to the guidance therein. — esqew
– esqew, Commented Feb 1, 2022 at 15:02

sai kiran · Accepted Answer · 2022-02-01 16:44:57Z

1

innerHTML is a directive

<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>

or

<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>

answered Feb 1, 2022 at 16:44

sai kiran

3991 gold badge2 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Lucky Agbaroji Over a year ago

Thanks so much for the reply. the first reply fixed it. Its working now.

Collectives™ on Stack Overflow

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

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related