directives.js

app.factory('notification', function ($document, $templateCache, $compile) {
    return {
        show: function (message) {
            // Compile template.
            var template = $templateCache.get('template/notification.html');
            console.log('tpl', $compile(template)); // This breaks


            // Append notifications to DOM element.
            // $document.find('#notifications').append(el);
        }
    };
});

page.html

<script id="template/notification.html" type="text/ng-template">
	<div class="friends-invited-popup">
		<div class="tooltip-info">
			<div class="kenny">
                <img src="{% static 'images/tooltip-info-kenny.png' %}">
			</div>
			<div class="content">
				<div class="txt">{{message}}</div>
			</div>
		</div>
	</div>
</script>