How to bind html from JSON API in Angular 8

Question

i am trying to display data from API in Angular 8 But this API include a html code
and when i try to show it in the page the html show up without working Like this

i am wondering how can i compile the html to look like it supposed to be

sleimanov · Accepted Answer · 2020-04-13T15:37:32.913

1

This is answered here: Angular HTML binding

You can use either this: <div [innerHTML]="current_page.data.details"></div>

or <div innerHTML="{{current_page.data.details}}"></div>

Check the reference: https://angular.io/guide/template-syntax#property-binding-vs-interpolation

edited Apr 13 '20 at 15:37

answered Apr 12 '20 at 10:49

sleimanov

61
3

Not working and i don't think it's gonna work inside loop – Mohamed Atef Apr 12 '20 at 19:25
sure it will work, it does matter if its a loop or not, you should use **ngFor** for iteration. Also you can parse the html pragmatically from your component.Please update your question and show your code (component + html template). – sleimanov Apr 12 '20 at 20:18
this one is working
– Mohamed Atef Apr 13 '20 at 13:04

How to bind html from JSON API in Angular 8

1 Answers1