AngularJS equivalent of .html() to replace html chars

Question

In jQuery, if you have a string with HTML in it you can process the HTML in it and replace special characters like '&' with '&'

var myString = 'Jack &amp; Jill';
var filtered = $('</div>').html(myString).text(); 
console.log(filtered); // outputs 'Jack & Jill'

I am writing a filter which would process HTML, but I'm depending on jQuery here, is there an AngularJS way to do it?

Here is my Filter code:

myApp.filter('filterHtmlChars', function() {
    return function(html) {
        return $('<div/>').html(html).text(); // how could I use AngularJS here?
    };
});

PS: I already know about ng-bind-html, what I'm trying to do is filter.

jqLite would do the trick if your main goal is to avoid loading jQuery: plnkr.co/edit/ce7g2p64JO4CahakupYt?p=preview However, I think you might be asking for a way that doesn't involve using a stand-in element altogether? — Marc Kline
– Marc Kline, Commented May 19, 2014 at 20:38

Marc Kline · Accepted Answer · 2014-05-19 20:49:58Z

6

Use built-in jqLite instead:

.filter('filterHtmlChars', function(){
   return function(html) {
       var filtered = angular.element('<div>').html(html).text(); 
       return filtered;
   }
});

Then, in your view, {{ foo | filterHtmlChars}} outputs "Jack & Jill where $scope.foo = 'Jack & Jill'

Plunker Demo

answered May 19, 2014 at 20:49

Marc Kline

9,4091 gold badge35 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

AngularJS equivalent of .html() to replace html chars

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related