treat angularjs $scope object as html

Question

How do i treat angularjs $scope object as html in div. My html code is

and am passing topicDesc using

var topicdesc1 = "Please ensure you read through <a href="http://adajprod.nce.amadeus.net/ABCHelp/pages/faq_home.html" target="_blank">ABC FAQ </a> and <a href="http://adajprod.nce.amadeus.net/ABCHelp/pages/help_home.html" target="_blank">ABC Help</a> before opening a request."`
$scope.topicDesc = topicDesc1;

The scope.topicdesc is treated as string and it prints the same exact sentence on webpage. How do i solve this issue? Please help as am a fresher.

score 1 · Answer 1 · edited May 23 '17 at 12:08

1

You can bind this html into view with angular method ng-bind-html. It should be like this:

var topicdesc1 = "Please ensure you read through <a href="http://adajprod.nce.amadeus.net/ABCHelp/pages/faq_home.html" target="_blank">ABC FAQ </a> and <a href="http://adajprod.nce.amadeus.net/ABCHelp/pages/help_home.html" target="_blank">ABC Help</a> before opening a request."`
$scope.topicDesc = topicDesc1;

and

<div ng-bind-html-unsafe="topicDesc"></div

Also see this, Insert HTML into view using angular link

edited May 23 '17 at 12:08

Community

1
1

answered Jul 05 '16 at 14:34

Vivek Singh

169
1
4

Should i define unsafe? – Kiran Kumar Jul 07 '16 at 04:36

score 0 · Accepted Answer · edited May 23 '17 at 12:22

0

Using ng-bind-html-unsafe is the not the right way of doing it as it has been deprecated in higher versions. With ng-bind-html-unsafe removed, how do I inject HTML? would be the right way to solve this problem.

edited May 23 '17 at 12:22

Community

1
1

answered Jul 26 '16 at 09:16

Kiran Kumar

127
3
14

treat angularjs $scope object as html

2 Answers2