htmlToPlaintext

by Miguel Sirna

HTML

<div ng-app="App">
    <div ng-controller="mainCtrl">
        <div ng-repeat="item in items">
        	{{item.title|htmlToPlaintext}}
        </div>
    </div>
</div>

JavaScript

angular.module('App', ['filters'])

.controller ('mainCtrl',['$scope',function($scope){
    $scope.items=[
        {id: '1', title: '<b>Chicago</b>'},
        {id: '2', title: '<b><i>New York</i></b>'},
        {id: '3', title: '<div><p>Washington</p></div>'}
    ];    
}]);

angular.module('filters',[]).filter('htmlToPlaintext', function() {
	return function(text) {
	return String(text).replace(/<[^>]+>/gm, '');
	}
});