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

Noy
– Noy

2016-02-16 17:44:35 +00:00
Commented Feb 16, 2016 at 17:44 — Noy
– Noy, Commented Feb 16, 2016 at 17:44
Possible duplicate of Decode HTML entity in Angular JS

Damien Fayol
– Damien Fayol

2016-02-16 17:46:05 +00:00
Commented Feb 16, 2016 at 17:46 — Damien Fayol
– Damien Fayol, Commented Feb 16, 2016 at 17:46

epascarello · Accepted Answer · 2016-02-16 17:43:22Z

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, 2016 at 17:43

epascarello

208k20 gold badges206 silver badges246 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:48:18Z

0

You should check out this item: ngModel Formatters and Parsers

Just use $formatters to change the model value.

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Oct 28, 2016 at 7:54

Brent Theunckens

1051 silver badge13 bronze badges

Collectives™ on Stack Overflow

Angular: HTML decoding and encoding in controller

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related