How to render an innerHTML without adding a tag in Angular

Question

<div [innerHTML]="'<b>HEY</b>'"></div>

Works well! But the problem is that I don't want the div or any other element to add to the page. I just want to render innerHTML content to page. I tried ng-container instead of div but it is not working. How can I make it happen ?

Melchia · Accepted Answer · 2020-07-15 09:55:35Z

23

You can use [outerHTML] on the div and it will be replaced.

<div [outerHTML]="'<b>HEY</b>'"></div>

answered Jul 15, 2020 at 9:55

Melchia

24.5k23 gold badges110 silver badges130 bronze badges

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

Collectives™ on Stack Overflow

How to render an innerHTML without adding a tag 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