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-13 15:37:32Z

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, 2020 at 15:37

answered Apr 12, 2020 at 10:49

sleimanov

713 bronze badges

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

3 Comments

Mohamed Atef Over a year ago

Not working and i don't think it's gonna work inside loop

sleimanov Over a year ago

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

Mohamed Atef Over a year ago

this one is working <div innerHTML="{{course.details}}"></div>

Collectives™ on Stack Overflow

How to bind html from JSON API in Angular 8

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related