Angular动态加载popover中的内容

Question

我想在popover中动态加载内容。 这是我的代码：

<span za-popover-deferred rel="someUrl">popover</span>



angular.module('app').directive('zaPopoverDeferred', function ($http) 
{
  return {
    restrict: "A",
    scope: {rel: '@'},
    link: function (scope, element, attrs) {
      $(element).bind('click', function() {
        $http.get(attrs.rel).then(function(data) {
          var options = { content: data.data, placement: "top", html: true };
          $(element).popover(options);
        });
      });
    }
  };
});

但是弹出只能通过第二次点击打开。在收盘时 - ajax请求再次发送。