popover.directive.js

.directive('popover', ['$compile', function($compile){
  return {
    restrict: 'E',
    link: function ($scope, $element, $attrs) {
      var triggerSelector = $attrs.triggerSelector || '[popover-trigger], [data-popover-trigger], [x-popover-trigger], .popover-trigger, .x-popover-trigger';
      var elTrigger = $element.find(triggerSelector).first();
      var triggerHTML = elTrigger.clone().wrap('<div>').parent().html();
      elTrigger.remove();
      var triggerElement = $compile(triggerHTML)($scope);
      $element.replaceWith(triggerElement);
      triggerElement.popover({
        "html":true,
        "title":$compile('<span><button class="close" onclick="$(this).closest(\'.popover\').prev().popover(\'hide\')">&times;</button>'+$attrs.title+'</span>')($scope),
        "content":$compile('<div>'+$element.html()+'</div>')($scope),
        "animation":$attrs.animation,
        "placement":$attrs.placement,
        "trigger":$attrs.trigger,
        "delay":$attrs.delay
      });
    }
  };
}])