How to bind HTML to an Element - AngularJS

Question

I am trying to bind html to my div element, but dont really know how to do it. I am not great with angularjs, but should ng-bind-html do the trick?

This is how I tried to do it,

<div ng-bind-html="{{tile.Info.Title}}"></div>
<div ng-bind-html="{{tile.Info.Content}}"></div>

In angular 2 its just [innerHTML], cant get it to work here, any suggestion?

general rule: if it has ng-, then you don't need curly brackets {{ ... }} — Aleksey Solovey
– Aleksey Solovey, Commented Dec 19, 2017 at 9:54

Quan Vo · Accepted Answer · 2017-12-19 09:58:10Z

2

You can get an example here.

<div ng-controller="ExampleController">
 <p ng-bind-html="myHTML"></p>
</div>

answered Dec 19, 2017 at 9:58

Quan Vo

1,35611 silver badges20 bronze badges

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

Comments

a1626 · Accepted Answer · 2017-12-19 10:15:51Z

1

As also suggested in comments by @Aleksey when you are using ng- there is no need to use curly brackets {}. So your code should be like:

<div ng-bind-html="tile.Info.Title"></div>
<div ng-bind-html="tile.Info.Content"></div>

a1626

2,9641 gold badge22 silver badges34 bronze badges

answered Dec 19, 2017 at 9:53

1,1452 gold badges18 silver badges37 bronze badges