How to escape html entities within a string

Question

I wish to escape the contents of the user entered value, so they show up as html entities. ie < would show up in the HTML markup as < . But I want to wrap the user entered value with actual html. The idea is that I should be able to escape the user entered value, yet still trust the html.

Here is my html snippet: <span ng-bind-html="trustHtml(notif.getConditionText())"></span>

Controller:

$scope.trustHtml = function(html) {
    return $sce.trustAsHtml(html);
}

Notif:

getConditionText: function() {
    return "<b>" + $sanitize(this.name) + "</b>";
}

I'm looking for a function that would go in place of $sanitize that would escape the user entered "name" property value. ie if they entered Seattle <rocks> it would output the html as Seattle <rocks>

Anyone know of something like this for angular?

Note I am not trying to encode to URI entities, but HTML entities.

Answer 1

Well, I found this: Convert special characters to HTML in Javascript

where u can write a function like:

function HtmlEncode(s)
{
  var el = document.createElement("div");
  el.innerText = el.textContent = s;
  s = el.innerHTML;
  return s;
}

and get it encoded. Now, I didn't found something specific to angularjs.

I hope it helps