ng-bind-html content invisible issue in Angularjs

Question

I used ng-bind-html like this

<p ng-bind-html="{{content.content}}">
</p>

but it didn't appear. But when I inspect, they are there. How come? It's not css issue.

enter image description here

dfsq · Accepted Answer · 2014-11-30 15:07:58Z

1

The ngBindHtml directive takes an expression and evaluates it. So you should not put it into {{ }}. Try this:

<p ng-bind-html="content.content"></p>

Curly braces are used for expression interpolation, so its result is not an expression any more. However ngBindHtml needs an expression, because it passes this expression to some sanitize services to clean up from unsafe content.

answered Nov 30, 2014 at 15:07

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

Collectives™ on Stack Overflow

ng-bind-html content invisible issue in Angularjs

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