How to compile HTML?

Question

In controller bind same data like $scope.name = "<div>geetha teko</div>", this name will now binded to html like {{name}}, it is printing like this in browser."<div>geetha tek0</div>", how can get only 'geetha tek0' in browser with html tags.

I tried bellow please help any one.

html code

<div>
    <p> my name is: {{name}}</p>
</div>

angularjs

<script>
   function MyCtrl($scope) {
       $scope.html = "<div> ramesh bogandla</div>"
   }
</script>

you can check on jsfiddle:http://jsfiddle.net/ADukg/10127/

looks like : http://stackoverflow.com/questions/18157305/compiling-dynamic-html-strings-from-database — moks, Feb 15 '17 at 12:43

score 0 · Answer 1 · edited May 23 '17 at 11:46

0

I updated your JSFiddle, http://jsfiddle.net/ADukg/10129/.

Use the following:

<span ng-bind-html-unsafe="html"></span>

Or for what you have in your question rather than the JSFiddle you provided:

<p> my name is: <span ng-bind-html-unsafe="html"></span></p>

Here's some further information that might be handy.

edited May 23 '17 at 11:46

Community

1
1

answered Feb 15 '17 at 12:43

Tim Harker

2,367
1
15
28

it is not working when update with button please help me ,i update in jsfiddle http://jsfiddle.net/ADukg/10136/ – geetha tek Feb 15 '17 at 15:12
Since this answered your original question, please mark this as the answer. I will continue to help you. – Tim Harker Feb 15 '17 at 16:05
ok i will make, but i update now it is not working, how can do please help me – geetha tek Feb 15 '17 at 17:05
please help me update in jsfiddle now it not working same thing i done http://jsfiddle.net/ADukg/10136/ – geetha tek Feb 16 '17 at 03:01
See my previous comment. – Tim Harker Feb 16 '17 at 03:57
i accept please help me updated code is not working http://jsfiddle.net/ADukg/10153/ – geetha tek Feb 16 '17 at 05:11
Instructions for "accepting" an answer... http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work – Tim Harker Feb 16 '17 at 14:18

How to compile HTML?

1 Answers1