Search code examples
javascripthtmlangularjshtml-entitiesutf8-decode

Decode HTML entity in Angular JS

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.""
Solution

  • 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>