Używanie metod FullCalendar z opakowaniem AngularUI
Próbuję zintegrować opakowanie kalendarza AngularUI z moją aplikacją, a inicjalizacja kalendarza działa poprawnie. Nie widzę jednak, jak mogę tutaj wywoływać metody kalendarza. Oto mój kod kontrolera:
$scope.events = [];
$scope.calendarOptions = {
calendar: {
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultView: 'agendaWeek',
selectable: true,
selectHelper: true,
select: function(start, end, allDay) {
var title = prompt('Event Title:');
if (title) {
$scope.$apply(function(){
$scope.events.push({
title: title,
start: start,
end: end,
allDay: allDay
});
});
}
// should call 'unselect' method here
},
editable: true
}
};
$scope.eventSources = [$scope.events];
Jak wywołać metody z kalendarza? Nie jest w zasięgu mojego kontrolera, sprawdziłem wszędzie wewnątrz obiektu zasięgu.
Znalazłem to w kodzie dyrektywy uiCalendar:
scope: {ngModel:'=',config:'='},
Według mojego zrozumienia oznacza to, że kalendarz jest tworzony w odosobnionym zakresie. W kalendarzu nie można więc wywoływać żadnych metod. JEDNAK w demie znalazłem tę linię:
/* Change View */
$scope.changeView = function(view) {
$scope.myCalendar.fullCalendar('changeView',view);
};
Więc demo może wywoływać metody w kalendarzu i nie mogę? Nie mogę tego powtórzyć.
Każda pomoc w zrozumieniu lub naprawieniu problemu zostanie doceniona.