Edit in JSFiddle

angular.module('myApp', [])
    .directive('disenvowel', disenvowel)
	.directive('reverse', reverse);

function disenvowel() {
    return {
        restrict: 'A',
        link: link
    };
    
    function link(scope, elem, attrs){
    	var content = elem.html();
        content = content.replace(/[aeiou]/g, '');
        elem.html(content);
    }
}

function reverse() {
    return {
        restrict: 'E',
        link: link
    };
    
    function link(scope, elem, attrs){
    	var content = elem.html();
        content = content
            		.split('')
        			.reverse()
        			.join('');
        elem.html(content);
    }
}

<div class="container">
    <div disenvowel>Disenvowel me please!</div>
    <reverse>Reverse me please!</reverse>
</div>