ng-bind-html-unsafe not working

Question

I have upgraded the angular version from 1.0.8 to 1.4.0.

I have used ng-bind-html-unsafe="value | noHTML | newlines" to wrap down a string. This is not working since the new version.

I tried using the following solution, but still not working .

app.filter('unsafe', function($sce) { return $sce.trustAsHtml; });

and

ng-bind-html-unsafe="value | unsafe | noHTML | newlines"

Pankaj Parkar · Accepted Answer · 2016-05-12 10:25:51Z

2

Since Angular 1.2.X ng-bind-html-unsafe has been deprecated, do use ng-bind-html

ng-bind-html="value | unsafe | noHTML | newlines"

answered May 12, 2016 at 10:25

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

5 Comments

Nidheesh Over a year ago

Tried this. But not working. In this case filter('unsafe', function($sce) { return $sce.trustAsHtml; }) is required? Angular Version is 1.4.0

Pankaj Parkar Over a year ago

@ep have you included ngSanitize module in you app dependency?

Nidheesh Over a year ago

No. I have'nt. Let me try that.

Nidheesh Over a year ago

It is working for ng-bind-html="value | unsafe" but not for ng-bind-html="value | unsafe | noHTML | newlines".

Nidheesh Over a year ago

Thanks @Pankaj. I got it working now. I'am accepting this answer as it helped me to find the solution.

Nidheesh · Accepted Answer · 2016-05-12 12:47:29Z

Thanks @Pankaj Parkar:

I got it resolved now, I need to filter all. ie., to_trusted, noHTML and newlines. And also we need to get the actual value from $sce.getTrustedHtml(object)

.filter('to_trusted', ['$sce', function($sce){
    return function(text) {
        return $sce.trustAsHtml(text);
    }
}]).filter('noHTML', ['$sce', function($sce){
    return function(text) {
        var str = $sce.getTrustedHtml(text);
        str = str
        .replace(/&/g, '&amp;')
        .replace(/>/g, '&gt;')
        .replace(/</g, '&lt;');
        return $sce.trustAsHtml(str);
    }
}]).filter('newlines', ['$sce', function($sce){
    return function(text) {
        var str = $sce.getTrustedHtml(text);
        str =  str.replace(/\n/g, '<br/>');
        return $sce.trustAsHtml(str);
    }
}])

and

ng-bind-html="value| to_trusted | noHTML | newlines"

Collectives™ on Stack Overflow

ng-bind-html-unsafe not working

2 Answers 2

5 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Related