在 Angular 中使用 $popover 服务与 Fullcalendar

Question

我在Angular中使用FullCalendar设置了日历。我现在正在尝试仅使用 javascript 显示弹出窗口，而无需任何 DOM 操作。我正在尝试使用Angularstrap提供的$popover服务。

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

事件鼠标悬停：$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。