AngularJS - Adding content outside ng-view

block.js

function block($document) {
    function blockLink(scope, elem, attrs) {
        var element = elem[0];
        element.removeAttribute('block');
        element.removeAttribute('target');
        var targetTag = 'block-' + attrs.target;
        var blockElem = angular.element($document).find(targetTag)[0];
        blockElem.innerHTML = '';
        blockElem.appendChild(element);
        scope.$on('$destroy', function() {
            blockElem.innerHTML = '';
        });
    }
    return {
        restrict: 'A',
        link: blockLink
    };
}


angular.module('app.directives', [])
       .directive('block', block);