popover directive incomplete

gistfile1.txt

// NOTE Popover
.directive('popover', ['$document', '$http', '$compile', function($document, $http, $compile) {
    return function(scope, element, attrs) {
        var popoverId = Math.floor(Math.random() * 10000000000),
            popoverTitle = attrs.popoverTitle,
            popoverPlacement = attrs.popoverPlacement || "top"
        
        $http.get(attrs.popover).success(function(data) {
            createPopover(data);
        });
        console.log(scope);

        function createPopover(html) {
            html += "<span id='popover-" + popoverId + "'></span>";
            
            
            
            scope.$watch(function(scope) {
                return scope.$eval(attrs.popover       
            },
            function(value) {
                
            })
            
            element.popover({
                content: html,
                html: true,
                trigger: "manual",
                title: popoverTitle,
                placement: popoverPlacement,
                container: 'body',
            });
    
            
            element.bind('click', function(e) {
                e.stopPropagation();
                element.popover('show');
    
                var pop = $("#popover-" + popoverId);

                console.log($compile(pop.closest('.popover-content').contents())(scope));
            
                
                pop.closest(".popover").click(function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                });

                // If you click the window excluding the popover close popover.
                $document.on('click.popover.' + popoverId, ":not(.popover, .popover *)", function() {
                    $document.off('click.popover.' + popoverId);
                    pop.closest('.popover').remove();
                });
            });
        }
    };
}])