How use ng-bind-html-unsafe in AngularJS?

Question

I use an editor to add comment and this content save as html in db. When I want to display it in page all html elements appear in out put. So I want to use this code to solve my problem but not solve it.

Here is my code

Data include {body, name, date} that body save as html

  <div ng-repeat="d in Data">
       <div class='content'>
           <div ng-bind-html-unsafe="d.body">
                 <p>{{d.body}}</p>
           </div>
        </div>
  </div>

which angular version you are using? you may need to include angular-sanitize — Pankaj Parkar
– Pankaj Parkar, Commented Mar 18, 2015 at 9:39
ng-bind-html-unsafe has been depecrated in latest version, you need to use $sce service then make html as $sce.trustAsHtml — Pankaj Parkar
– Pankaj Parkar, Commented Mar 18, 2015 at 9:40

Community · Accepted Answer · 2017-05-23 11:43:56Z

3

In jsfiddle inside an question is using angular 1.1 in which ng-bind-html-unsafe is working.

But currently angular has deprecated ng-bind-html-unsafe from latest version, instead you need to use ng-bind-html then sanitize that url from the angular filter using $sce service and $sce.trustedAsHtml()

Filter

app.filter("sanitize", ['$sce', function($sce) {
        return function(htmlCode){
            return $sce.trustAsHtml(htmlCode);
        }
}]);

HTML

  <div ng-repeat="d in Data">
       <div class='content'>
           <div ng-bind-html="d.body | sanitize">
                 <p>{{d.body}}</p>
           </div>
        </div>
  </div>

For more info refer this SO answer

edited May 23, 2017 at 11:43

CommunityBot

11 silver badge

answered Mar 18, 2015 at 9:42

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Collectives™ on Stack Overflow

How use ng-bind-html-unsafe in AngularJS?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related