How to convert tags in HTML using AngularJS

Question

I am getting a JSON using AJAX in AngularJS. One of the attributes in the object (say, sample), has a string "<b>String</b>".

I populate this into a table as follows: <td>{{item.sample}} </td>

This gives an output: <b>String</b> on the webpage, when I was actually trying to display String.

Since it is a JSON string, what is currently happening makes sense. How do I use this string and somehow evaluate it so that I see the bold string on the webpage?

check out bind html docs.angularjs.org/api/ng/directive/ngBindHtml — Ronnie
– Ronnie, Commented Apr 23, 2018 at 23:17

Gosha_Fighten · Accepted Answer · 2018-04-23 23:17:32Z

1

Use ngBindHtml directive to render your text.

<td ng-bind-html="item.sample"></td>

answered Apr 23, 2018 at 23:17

Gosha_Fighten

3,8881 gold badge25 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

How to convert tags in HTML using AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related