title: How to pass data to angular-strap popover
body: <p>I'm trying to show angular-strap popover when hovering on fullcalendar items.</p>
  
  <p>I am using eventMouseover/eventMouseout callbacks to show/hide the popover:</p>
  
  <pre><code>$scope.calendarConfig = {
    defaultView: 'basicWeek',
    eventMouseover: function(event, jsEvent, view) {
      element = $(jsEvent.target).closest('.fc-event');
      popover = $popover(element, {placement: 'bottom', contentTemplate: 'calendar-item-popover.html'});
      popover.$promise.then(popover.show);
    },
    eventMouseout: function() {
      popover.hide();
      popover = null;
    }
  };
  </code></pre>
  
  <p>Then I have a popover body template:</p>
  
  <pre><code>&lt;script type="text/ng-template" id="calendar-item-popover.html"&gt;
    &lt;p&gt;Event&lt;/p&gt;
    &lt;p&gt;event: {{event | json}}&lt;/p&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>My question is how can I pass the 'event' to popover scope?</p>
  
  <p>Here is the plunker: <a href="http://plnkr.co/9c6BDWsYuuWAfI4HnJAH">http://plnkr.co/9c6BDWsYuuWAfI4HnJAH</a></p>