Моя цель - отображать события, которые я получаю из магазина, используя ng-fullcalendar.Но проблема в том, что он не отображается в календаре.
Если используются фиктивные данные, это работает, но на данных, которые я получил из firestore, не
Так что вот рабочий календарь сфиктивные данные
Функция
public getEvents(): Observable<any> {
const dateObj = new Date();
const yearMonth = dateObj.getUTCFullYear() + '-' + (dateObj.getUTCMonth() + 1);
let data: any = [{
title: 'namee',
start: '2018-09-19'
},
{
title: 'STI night',
start: '2018-09-18'
}
];
console.log(data);
return of(data);
}
Что отображается в console.log
И как яИнициировать календарь с событием
ngOnInit() {
this.getEvents().subscribe(eventData => {
console.log('Obs', eventData);
this.calendarOptions = {
editable: true,
eventLimit: false,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay,listMonth'
},
events: eventData
};
});
}
Вход в систему наблюдается
Но когда я делаю это, функция, которая получает данные из хранилища
getEventsCollection(): Observable<any>{
this.eventService.getEventsCollection().subscribe(eventCollection => {
eventCollection.forEach(event => {
this.fullCalendarEvent = {
title: event.event_name,
start: event.event_date
}
this.eventsArray.push(this.fullCalendarEvent);
})
});
console.log( this.eventsArray );
return of(this.eventsArray);
}
, которая регистрирует это
Когда я заменяю функцию
ngOnInit() {
this.getEventsCollection().subscribe(eventData => {
console.log('Obs', eventData);
this.calendarOptions = {
editable: true,
eventLimit: false,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay,listMonth'
},
events: eventData
};
});
}
Но она не отображается в календаре
Маааан, у меня болит голова.Любые советы о том, как их отображать, будут высоко оценены!
ОБНОВЛЕНИЕ
Теперь я вижу разницу,
фиктивные данные таковы [{…}, {…}] (А что может быть объектом)
, в то время как мой - [] массив
Кто-нибудь знает, как я могу это сделать?