Render html tag from string

Question

I have some values as amount like 1000, 2000, <b>3000</b>, <4000>, <b>5000</b> inside JSON as an API response. I want to render this response inside a table. So I tried ng-bind-html. BUT it is showing only the value which are having tags like 3000,5000. I want to show all values , 1000,2000,4000 as a plain string and 3000,5000 in BOLD/or any other HTML tag.

angular.forEach($scope.arr2.test,function(item)
  $scope.res=$sce.trustAsHtml(item.amount);
  return $scope.res;
});

On HTML side, I have something like this

<td id="price" class="edit" ng-repeat="pro in d.procedure" ng-bind-html="valueCheck(d._id,pro._id,hos._id)"></td>

se stackoverflow.com/questions/22536477/…

Adrian Zelada Torrez
– Adrian Zelada Torrez

2016-11-08 06:45:29 +00:00
Commented Nov 8, 2016 at 6:45 — Adrian Zelada Torrez
– Adrian Zelada Torrez, Commented Nov 8, 2016 at 6:45

nikjohn · Accepted Answer · 2016-11-08 06:40:47Z

1

You can use ng-bind-html and ng-bind-html-unsafe for this. But please be mindful of the security concerns here.

You can find more details here

Do make sure you sanitize your strings, to prevent security vulnerabilities

answered Nov 8, 2016 at 6:40

nikjohn

22.1k16 gold badges58 silver badges88 bronze badges

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

1 Comment

Harsh sachdev Over a year ago

After injecting Sanitize, ng-bind-html is giving me same result as $sce.trustAsHtml(item.amount); means it is only showing the value which has HTML tag AND ng-bind-html-unsafe is not giving me any value

SURJEET SINGH Bisht · Accepted Answer · 2016-11-08 06:45:17Z

1

First of all you need to download the ng-sanitize js https://docs.angularjs.org/api/ngSanitize

and then inject ng-sanitize to angular module. then you can use ng-bind-html and ng-bind-html-unsafe

answered Nov 8, 2016 at 6:45

SURJEET SINGH Bisht

88110 silver badges16 bronze badges

Comments

Disha · Accepted Answer · 2016-11-08 06:47:37Z

1

you can use ng-sanitize module for the same - see here

 var app = angular.module("myApp", ['ngSanitize']);

answered Nov 8, 2016 at 6:47

Disha

8321 gold badge11 silver badges40 bronze badges

Collectives™ on Stack Overflow

Render html tag from string

3 Answers 3

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Linked

Related