Appending dynamic html in angular

Question

I'm trying to load dynamic elements inside this paragraph text on button click

<p[innerHTML]>{{ result}}</p>

This is a text that i am sending rom my php application

<span class="red">This</span><span class="green">is</span><span class="blue">dynamic</span><span class="red">text</span>

i want to convert this html entities also on my angular component and css should also work right now these html entites and class are not working. It is printing as it is.

Thanks

Douglas Oliveira · Accepted Answer · 2021-12-22 11:21:07Z

1

Try it:

<p [innerHtml]="result"></p>

answered Dec 22, 2021 at 11:21

Douglas Oliveira

4263 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

Appending dynamic html in angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related