Decode HTML entity in Angular JS

javascript html angularjs html-entities utf8-decode
krs8785 picture krs8785 · Sep 26, 2014 · Viewed 50.9k times · Source

How do i decode HTML entity in text using angular JS.

I have the string 

""12.10 On-Going Submission of ""Made Up"" Samples.""

I need a way to decode this using Angular JS. I found a way to do that using javascript here but I am sure thats wont work for Angular. Need to get back the original string on the UI which would look like 

""12.10 On-Going Submission of ""Made Up"" Samples.""

Answer

ryeballar picture ryeballar · Sep 26, 2014

You can use the ng-bind-html directive to display it as an html content with all the html entities decoded. Just make sure to include the ngSanitize dependency in your application.

DEMO

JAVASCRIPT

angular.module('app', ['ngSanitize'])

  .controller('Ctrl', function($scope) {
    $scope.html = '"12.10 On-Going Submission of ""Made Up"" Samples."';
  });

HTML

  <body ng-controller="Ctrl">
    <div ng-bind-html="html"></div>
  </body>

Related questions

AngularJs: How to decode HTML entities in HTML?

THE SITUATION: I am bulding a webpage which content is taken calling an API that returns the data in json format. The problem is that the html tags are given as HTML entities, that has to be decoded. EXAMPLE: This …

Read More
AngularJS - Value attribute on an input text box is ignored when there is a ng-model used?

Using AngularJS if I set a simple input text box value to something like "bob" below. The value does not display if the ng-model attribute is added. <input type="text" id="rootFolder" ng-model="rootFolders" disabled="disabled" value="Bob" size="40"/&…

Read More
Can one AngularJS controller call another?

Is it possible to have one controller use another? For example: This HTML document simply prints a message delivered by the MessageCtrl controller in the messageCtrl.js file. <html xmlns:ng="http://angularjs.org/"> <head> <…

Read More