Search code examples
angularangular2-templateangular2-databinding

Angular HTML binding


I am writing an Angular application and I have an HTML response I want to display.

How do I do that? If I simply use the binding syntax {{myVal}} it encodes all HTML characters (of course).

I need somehow to bind the innerHTML of a div to the variable value.


Solution

  • The correct syntax is the following:

    <div [innerHTML]="theHtmlString"></div>
    

    Documentation Reference