在TS文件中创建弹出窗口

时间:2018-09-11 08:49:57

标签: angular fullcalendar popover

我在一个角度为6的项目中使用fullcalendar,我想在将鼠标悬停在事件上时显示弹出窗口,我安装了ngbPopover,但文档正在讨论如何直接将其添加到html文件中,但就我而言,该事件是由fullcalendar自动创建,我无法添加指令ngbPopover 我也看到了一些解决方案,但是它在Jquery中,当我尝试它们时,我收到诸如popover的消息不是JQuery函数

为简单起见,我只需要使用ngbPopover从ts文件(而不是html文件)中创建弹出式窗口 calendar.component.ts

eventMouseOver(event, element) {
   console.log($(this));
  } 

calendar.component.html

  <div *ngIf="calendarOptions">
        <ng-fullcalendar #ucCalendar
                         [options]="calendarOptions"
                         (eventClick)="EventClick($event)"
                          (eventMouseover)="eventMouseOver($event)"

        ></ng-fullcalendar>
      </div>

0 个答案:

没有答案