how to Unescape html in Lightning Component

 

we are going to learn about aura:unescapedHtml in lightning component

It has two attributes.

Body  : It won’t be rendered

value : It is of string type.

Lightning Component

<aura:component > 

<aura:attribute name="cval" type="String"/>

 <aura:handler name="init" value="{!this}" action="{!c.myAction}" />

 <div>

 This value is rendered by using aura:unescapedHtml : <aura:unescapedHtml value="{!v.cval}" />

 This value is rendered by span : <span>{!v.cval}</span>

 </div>

</aura:component>

controller js

({

myAction : function(component, event, helper) {

component.set("v.cval", "<span class='hello'>Hello World!!</span>");

}

})