【问题标题】:Angular 11 : How to refetch (when events are changed from backEnd) Events in Fullcalendar V5?Angular 11:如何在 Fullcalendar V5 中重新获取(从后端更改事件时)事件?
【发布时间】:2021-04-14 01:12:41
【问题描述】:

我正在努力 "@fullcalendar/angular": "^5.5.0",

我无法重新呈现从 API 调用订阅的事件。我到处搜索,但没有任何效果...请帮助..

代码如下:

calendar.component.html

  <full-calendar #calendar [options]="calendarOptions"></full-calendar>

calendar.component.ts


  events = [];

  calendarOptions: CalendarOptions = {
    headerToolbar: {
      left: 'prev,next today',
      center: 'title',
      right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'
    },
    initialView: 'dayGridMonth',
    initialEvents: this.events, // How to render calendar when events changes???
    weekends: true,
    // events: this.events,
    // lazyFetching: true,
    editable: true,
    selectable: true,
    selectMirror: true,
    dayMaxEvents: true,
    select: this.handleDateSelect.bind(this),
    eventClick: this.handleEventClick.bind(this),
    eventsSet: this.handleEvents.bind(this)

  };

  ngOnInit(): void {
    this._calendarService.onDataChanged.subscribe(res => {
      this.events = res;
    });
}

Final call:当事件发生变化时如何渲染日历???

【问题讨论】:

  • 检查full-calendar@Input 属性,寻找可以传入events 的属性,确保类型兼容
  • 没有可以传递events@Input装饰器。

标签: javascript angular fullcalendar fullcalendar-5 angular11


【解决方案1】:

当我使用全日历时,我不是通过选项而是像这样获取事件:

<full-calendar [events]="calendarEvents">
</full-calendar>

成功了。

【讨论】:

  • 您的解决方案仅适用于 VERSION 4,不适用于 VERSION 5
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-01-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-11-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多