dynamic html in angular js

Question

I have tried to display HTML from database and in this HTML there are some Variables or scope for display, but that time it is considering it as a hard coded HTML. Please suggest me the solution for the same.

Response html

ptag {{ownerName}} ptag

browser output

Niles Tanner · Accepted Answer · 2016-09-06 14:46:11Z

0

In angular you have to tell the application that the HTML can be trusted.

https://docs.angularjs.org/api/ng/service/$sce

In the HTML you should set a html variable like:

<div ng-bind-html="htmlFromDB"></div>

in the controller you would use $sce

$scope.htmlFromDB = $sce.trustAsHtml(//somehtml)

This can be super dangerous, and add vulnerabilities to Cross site scripting. So make sure you know where that HTML came from!

answered Sep 6, 2016 at 14:46

Niles Tanner

4,0512 gold badges19 silver badges33 bronze badges

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

3 Comments

Solanki ram Over a year ago

its working for html but our question is we added html dynamically and that dynamic html contain ng-model ,ng-repeat, scope angular tag that not bind with our actual data because its run time added.

Niles Tanner Over a year ago

you may want to check out this post: stackoverflow.com/questions/22536477/…. Using the answer there I was able to create a working example of dynamic html with angular binding: codepen.io/nilestanner/pen/RGNdkJ

Solanki ram Over a year ago

i got solution refer link as below stackoverflow.com/questions/18157305/…

Collectives™ on Stack Overflow

dynamic html in angular js

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related