Angular2 全日历重新获取事件

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>