我是一名能够翻译文本的助手。
与这篇文章类似。
我想在显示时打开ng-template。我尝试过使用ngbPopover,但与ngbModal不同,ngbPopover没有一个open方法可以通过调用它的方法来简单地打开弹出窗口,因为它是一个指令。
如果有人知道任何解决方案,无论是使用fullCalendar弹出窗口方法(不使用jquery)还是通过ng-template显示,都将非常感谢。
我正在使用Angular 6应用程序中的fullCalendar。我想在鼠标悬停在事件上时显示fullcalendar弹出窗口,类似于这个。我希望通过我的ts文件实现这一点,而不使用jquery。以下是我的代码。
HTML:
<section class="main-content">
<div *ngIf="calendarOptions">
<ng-fullcalendar #ucCalendar
[options]="calendarOptions"
[(eventsModel)]="events"
(eventClick)="handleClick($event.detail.event.data)"
(eventMouseOver)="mouseOver($event, calendarPopover)">
</ng-fullcalendar>
</div>
</section>
<ng-template #calendarPopover>
<h3>{{toolData .title}}</h3>
</ng-template>
TS文件:
mouseOver(event, content){
var data = event.detail.event.data;
this.toolData = data;
console.log(this.toolData);
}
与这篇文章类似。
我想在显示时打开ng-template。我尝试过使用ngbPopover,但与ngbModal不同,ngbPopover没有一个open方法可以通过调用它的方法来简单地打开弹出窗口,因为它是一个指令。
如果有人知道任何解决方案,无论是使用fullCalendar弹出窗口方法(不使用jquery)还是通过ng-template显示,都将非常感谢。