Angular 4 - render template from string variable holding template

Question

How to render a html using a string variable (holding template) - Angular4.

sample.component.ts

let stringTemplate = "<div><p>I should be rendered as a HTML<br></p></div>";

sample.component.html should be rendered based on elements in variable stringTemplate

NOTE: stringTemplate is not static. Will be getting its data from server.

Yoni Affuta · Accepted Answer · 2017-11-09 05:53:05Z

5

You can bind to the innerHtml property.

  <div [innerHtml]="stringTemplate"></div>

answered Nov 9, 2017 at 5:53

Yoni Affuta

2821 silver badge5 bronze badges

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

2 Comments

Thanks a lot. It worked. Is this the only way to display? Any other alternatives you know?