Chapter 10: Creating custom AngularJS comments

HTML

<script src="https://code.angularjs.org/1.3.2/angular.min.js"></script>
<div ng-app="myApp">
    <div x>
        <p>I am the outer comment</p>
        <p x>I am the inner comment</p>
    </div>
    <x>
        <div>
            <p>I am the outer comment</p>
            <x>
                <p>I am the inner comment</p>
            </x>
        </div>
    </x>
</div>

JavaScript

angular.module('myApp', [])
.directive('x', function() {
    return {
        restrict: 'AE',
        compile: function(el) {
            el.remove();
        }
    };
});