Полный календарь с GoogleCalendar в Angular выборка событий, застрявших в бесконечном цикле - PullRequest
Новая
       14

Полный календарь с GoogleCalendar в Angular выборка событий, застрявших в бесконечном цикле

0 голосов
/ 26 марта 2020

Я реализовал fullcalendar в моем приложении Angular.

Я настроил свой ключ API GoogleCalendar согласно документации .

Затем я настроил Модуль календаря Google на моем компоненте html: 

<div class="calendar-cont">
    <full-calendar #calendar
        [defaultView]="(isHandset$ | async) ? 'timeGridDay' : (isTablet$ | async) ? 'dayGridWeek' : 'dayGridMonth'"
        [plugins]="calendarPlugins" [weekNumbers]="true" [height]="parent" [locale]="getLocale()"
        [header]="getHeader()" [buttonText]="getButtonText()" [eventTextColor]="getTextColor()"
        [googleCalendarApiKey]="'my API key here....'" [events]="getCalendarEvents()"
        [eventColor]="getColor()" [height]="'parent'"></full-calendar>
</div>

А вот мой компонент календаря: 

@ViewChild('calendar', { static: false }) calendarComponent: FullCalendarComponent; // the #calendar in the template
calendarPlugins = [dayGridPlugin, timeGridPlugin, googleCalendarPlugin];
isHandset$: Observable<boolean> = this.breakpointObserver
        .observe(Breakpoints.XSmall)
        .pipe(map(result => result.matches));

isTablet$: Observable<boolean> = this.breakpointObserver
        .observe(Breakpoints.Small)
        .pipe(map(result => result.matches));

constructor(private breakpointObserver: BreakpointObserver) { }

ngOnInit() {
    }

getLocale() {
        return 'da';
    }

getHeader() {
        return {
            left: 'prev,next,today',
            center: 'title',
            right: 'timeGridDay,timeGridWeek,dayGridMonth'
        };
    }

getButtonText() {
        return {
            month: 'måned',
            week: 'uge',
            day: 'dag',
            today: 'idag'
        }
    }

getCalendarEvents() {
        return {
            googleCalendarId: 'my calendar id here......',
            error: function () {
                alert('there was an error while fetching events!');
            },
            cache: true
        };
    }

По какой-то причине, когда я перехожу на страницу своего компонента в моем приложении, извлечение событий застревает в бесконечном количестве постоянных тысяч обращений к событиям календаря, что вынуждает меня прекратить процесс. Что-то не так в моей настройке? Помощь оценена! Заранее спасибо.

...