Search code examples
javascripthtmlangularjshtml-rendering

Rendering text to html with Angular

I am trying to render a text as html using ng-bind as the docs show

<div ng-bind-html="text"></div>

The problem is that Angular removes the style attribute and renders this: 

"<mark style='background-color:#FF9DFF;'>APPLE</mark>."

to this:

<mark>APPLE</mark>

How to render as html and keep the styles? I am using Angular version 1.2.6

Solution

  • You may try this function when you're doing ng-bind-html in your controller

    $sce.trustAsHtml('myHTML'); //$sce would be the parameter with $scope in module

    Hope this will work

    $NgSanitizeDocs