我在悬停在fullcalendar项目上时试图显示角带弹出.
我正在使用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>
我的问题是如何将’事件’传递给popover范围?
我有一个有效的解决方案;可以使用popover访问popover的范围.$scope:
popover.$scope.event = event
工作人员:
http://plnkr.co/W8n6LxsLCyZFO6ufPHvW
不确定这是否是最佳解决方案,所以我会等待一段时间来获得反馈.