JSON Unicode Characters not displaying correctly with AngularJS

Question

I am receiving this json array and using angular to display it.

Shorted example:

        $scope.results = [{"description": "\u003ca href=\"http://google.com \" target=\"_blank\"\u003eClick Here\u003c/a\u003e"}];

The problem is that the value contains html code or unicode characters that don't work properly.

I've searched and tried ng-bind-html with no luck.

In the html source code I get this:

&lt;a href="http://google.com " target="_blank"&gt;Click Here&lt;/a&gt

Instead of this:

 <a href="http://google.com " target="_blank">Click Here</a>

Pankaj Parkar · Accepted Answer · 2015-07-16 15:32:29Z

1

You need to use ng-bind-html and then we could get the trusted Html in anchor tag rendered on the page.

Markup

<span ng-repeat="result in results" 
 ng-bind-html="result.description | unsafe">
</span>

answered Jul 16, 2015 at 15:32

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

1 Answer 1