8

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

ポップオーバーの表示/非表示に 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

4

1 に答える 1