AngularJS ng-bind-html

Question

This is my filter in Angular, I've only shown the snippet of it the application. This works in one controller but when I try to use it in another one it doesn't.

What I mean by is doesn't work - it doesnt render inside the DOM. It renders inside the tags though.

AngularJS: <h2 ng-bind-html="'{{ answer.title }}' | to_trusted"></h2>

Example Rendered <h2 ng-bind-html="'0-60 minutes per week' | to_trusted" class="ng-binding"></h2>

AngularJS Filter

    .filter('to_trusted', ['$sce', function($sce){
        return function(text) {
            return $sce.trustAsHtml(text);
        };
    }])

Have I missed something out by accident here?

@OmriAharon because I receive Error: [$parse:syntax] http://errors.angularjs.org/1.2.18/$parse/syntax?p0=to_trusted&p1=is%20an%20unexpected%20token&p2=4&p3=%20%7C%20to_trusted&p4=to_trusted at Error (native) Error message — ngplayground
– ngplayground, Commented Dec 8, 2014 at 14:42

Omri Aharon · Accepted Answer · 2014-12-08 14:43:06Z

1

I think what will make it work for you is this syntax, since answer.title is text already:

<h2 ng-bind-html="answer.title | to_trusted"></h2>

answered Dec 8, 2014 at 14:43

Omri Aharon

17.1k5 gold badges43 silver badges61 bronze badges

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

Collectives™ on Stack Overflow

AngularJS ng-bind-html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related