在Angular中使用Fullcalendar的$ popover服务

Question

我使用FullCalendar在Angular中设置日历。我现在正试图让popover只显示使用javascript并且没有任何DOM操作。我正在尝试使用Angularstrap提供的$ popover服务。

在日历的选项中，我执行以下操作：

eventMouseover：$ scope.PopOnEventHover

PopOnEventHover就是我想要使用的东西，弹出窗口：

$scope.alertOnEventHover = function(event, jsEvent, view, $popover, element){
    var myPopover = $popover(element, {
        title: 'My Title',
        content:'My Content'
    });
    myPopover.show();
};

显示日历的HTML如下所示：

<h1>Scheduled Content</h1>
View:
<a ng-click="changeView('agendaDay', myCalendar)">DAY</a> |
<a ng-click="changeView('agendaWeek', myCalendar)">WEEK</a> |
<a ng-click="changeView('month', myCalendar)">MONTH</a>
<div ui-calendar="options.calendar"
     calendar="myCalendar"
     ng-model="eventSources"
     bs-popover></div>

现在我在控制台出错了，我用来显示弹出框的功能有问题。

我将不胜感激任何帮助或提示。谢谢

Answer 1

替换

var myPopover = $popover(element, {
        title: 'My Title',
        content:'My Content'
    });
    myPopover.show();

带

var myPopover = $popover(element, {
        title: 'My Title',
        content:'My Content',
        show: true
    });

并确保您已注入$popover服务并且element已存在。