フルカレンダーのアイテムにカーソルを合わせると、角度ストラップのポップオーバーを表示しようとしています。
ポップオーバーの表示/非表示に 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