jquery - Angular2 fullcalendar refetch 事件

Question

我正在使用 angular2 和 angular2-fullcalendar。在我的项目中，我从后端获取数据。现在我的问题是，当我使用选择日期添加事件时，我希望它显示在日历上成功提交数据而不重新加载页面。以前我使用$('#myCalendar').fullCalendar('renderEvents', newEvents, true); 完成工作。但我不想使用 jquery在角度项目中。除了使用 jquery 之外，还有其他选择吗？请帮忙。

Answer 1

是的，ViewChild随着ElementRef

@import { ViewChild, ElementRef } from '@angular/core';

@ViewChild('calendar') myCalendar: ElementRef;
myHtmlElement: HTMLElement;

ngOnInit() {
    this.myHtmlElement = this.myCalendar.nativeElement;
}

在您的 HTML 中：

<!-- Where you actual calendar is, add #calendar to your tag -->
<div id="myCalendar" #calendar></div>