我正在尝试在全日历项目上悬停时显示 angular-strap popover。
我正在使用 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;
}
};
然后我有一个popover body模板:
<script type="text/ng-template" id="calendar-item-popover.html">
<p>Event</p>
<p>event: {{event | json}}</p>
</script>
我的问题是如何将“事件”传递给 popover 范围?
这是plunker:http://plnkr.co/9c6BDWsYuuWAfI4HnJAH
最佳答案
我有一个可行的解决方案; popover 的作用域可以通过 popover.$scope
访问:
popover.$scope.event = event
工作plunker:
http://plnkr.co/W8n6LxsLCyZFO6ufPHvW
不确定这是否是最佳解决方案,所以我会等待一段时间的反馈。
关于angularjs - 如何将数据传递给 angular-strap popover,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23912227/