gistfile1.js

.directive('uiPopover', ['$compile', '$http', function($compile, $http) {
	return {
		restrict: 'A',
		scope: {
			hide: '&hide' // did not understand what is this
		},
		link: function postLink(scope, element, attr, ctrl) {
			console.warn('postLink', arguments, this);

			// scope is the anchor scope
			scope.hide = function() {
				console.log('in');
				element.popover('hide');
			}

			$http.get(attr.uiPopover).success(function(data) {
				element.popover({
					content: $compile(data)(scope), // popover content will get a new scope that I need to put hide() on.
					html: true
				});
			});

			
		}
	}
}]);