Angular: HTML decoding and encoding in controller

Question

In our Angular app we are using an pi that returns strings containing HTML encoded characters, for example it would return 'let's' where ' is the encoded "single quote character"

I would like to create a function htmlDecode(myString) to return the decoded string in the javascript code, for example:

var myString = 'let&#39;s';
var decodedString = htmlDecode(myString);
console.log(decodedString);               // CONSOLE OUTPUT: "let's"

I looked at the $sce service but could not come up with a solution yet.

Possible duplicate of [HTML Entity Decode](http://stackoverflow.com/questions/5796718/html-entity-decode) — Noy, Feb 16 '16 at 17:44
Possible duplicate of [Decode HTML entity in Angular JS](http://stackoverflow.com/questions/26064309/decode-html-entity-in-angular-js) — Damien Fayol, Feb 16 '16 at 17:46

score 2 · Accepted Answer · answered Feb 16 '16 at 17:43

2

One way is to set the innerHTML and read the text

function htmlDecode (str) {
    var div = document.createElement("div");
    div.innerHTML = str;
    return div.textContent || div.innerText;
}

answered Feb 16 '16 at 17:43

epascarello

204,599
20
195
236

score 0 · Answer 2 · edited May 23 '17 at 11:48

0

You should check out this item: ngModel Formatters and Parsers

Just use $formatters to change the model value.

edited May 23 '17 at 11:48

Community

1
1

answered Oct 28 '16 at 07:54

Brent Theunckens

105
1
13

Angular: HTML decoding and encoding in controller

2 Answers2