Angular 在fullcalendar 6中鼠标悬停在事件上时显示弹出框

我在Angular 6项目中使用Fullcalendar，我想在鼠标悬停事件时显示一个弹出窗口

有了这段代码，我的控制台没有问题，但也没有显示任何内容

TS文件：

    PopOver(elem): void {
    console.log(elem);
    $(elem.element).popover({
      title: 'the title',
      content: 'qsdqsd',
      placement: 'top',
      trigger: 'manual',
      delay: { show: 200, hide: 100 },
      animation: true,
      container: '#calendar',
      html: true,
    }).popover('show');
  }

HTML文件：

 <div *ngIf="calendarOptions">
        <ng-fullcalendar #ucCalendar
                         [options]="calendarOptions"
                         (eventResize)="draging($event)"
                         (eventStartEditable)="true"
                         (eventDrop)="draging($event)"
                         (eventMouseover)="PopOver(this)"
                         (eventMouseout)="undisplay()"
        ></ng-fullcalendar>
      </div>

---

我尝试了许多其他的解决方案，但没有任何效果。我需要一个答案。这对我来说很重要。我知道这篇文章已经晚了，但我找到了解决办法

我的Html