如何将数据传递到 Angular-strap 弹出窗口

我试图在悬停在全日历项目上时显示角带弹出框。

我正在使用 eventMouseover/eventMouseout 回调来显示/隐藏弹出窗口：

$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;
  }
};

然后我有一个弹出框主体模板：

<script type="text/ng-template" id="calendar-item-popover.html">
  <p>Event</p>
  <p>event: {{event | json}}</p>
</script>

我的问题是如何将“事件”传递到弹出框范围？

这是笨蛋：http://plnkr.co/9c6BDWsYuuWAfI4HnJAH http://plnkr.co/9c6BDWsYuuWAfI4HnJAH

我有一个可行的解决方案；可以通过以下方式访问弹出窗口的范围popover.$scope:

popover.$scope.event = event

工作笨蛋：

http://plnkr.co/W8n6LxsLCyZFO6ufPHvW http://plnkr.co/W8n6LxsLCyZFO6ufPHvW

不确定这是否是最佳解决方案，所以我会等待一段时间以获得反馈。