我有一个名为calendardemoctrl的控制器,其中我的配置为FullCalendar,如下所示。
$scope.uiConfig = {
calendar: {
height: 600,
editable: false,
locale:'es',
//navLinks: true, // can click day/week names to navigate views
businessHours: true, // display business hours
allDaySlot: false,
slotLabelFormat : 'h:mm a',
timeFormat: 'h:mm a',
navLinks: true,
navLinkDayClick: function(date, jsEvent) {
cc['mycalendar'].fullCalendar('changeView','agendaDay');
cc['mycalendar'].fullCalendar('gotoDate',date);
$scope.currentDate = cc['mycalendar'].fullCalendar("getView").title;
},
defaultView: 'agendaDay',
slotDuration: '00:15:00',
header: false, // remove default toolbar
//editable: true,
eventRender: $scope.eventRender,
eventClick : $scope.onEventClick
//dayClick : $scope.onEventClick
}
}
,在同一控制器中,我定义了$ scope.oneventClick和$ scope.addevent。
$scope.addEvent = function() {
$rootScope.oldFormData = $.extend( true, {}, $scope.formData );
$scope.entroModal = true;
$scope.modalOpen('new');
};
$scope.onEventClick = function(index) {
$scope.formData = $.extend( true, {}, index.cita );
var date_inicio = new Date(index.cita.inicio) ;
$scope.formData.inicio = date_inicio.getDate() + "/" + ( date_inicio.getMonth() + 1) + "/"+ date_inicio.getFullYear()+ " " + date_inicio.getHours()+ ":" + (date_inicio.getMinutes()<10?'0':'') + date_inicio.getMinutes();
var date_fin = new Date(index.cita.fin) ;
$scope.formData.fin = date_fin.getDate() + "/" + ( date_fin.getMonth() + 1) + "/"+ date_fin.getFullYear()+ " " + date_fin.getHours()+ ":" + (date_fin.getMinutes()<10?'0':'') + date_fin.getMinutes();
$.extend( $scope.formData , $rootScope.oldFormData );
$scope.modalOpen('edit');
};
用户想要添加事件时,第一个与按钮一起使用,第二个是在日历中编辑事件。但是,当添加事件时,范围将范围比EventClick低,因此当我添加事件时,当我单击并编辑事件时,将在日历中显示该事件,因为该事件在日历上没有修改,因为它是上面的范围。
。$ rootscope:id 1
$范围:ID 10(这是EventClick Works)
儿童$ scope:ID 11(这是Addevent Works)
这是完全混乱的,我混淆了这种情况是如何发生的,以及我如何在同一范围内进行两个事件?请建议谢谢!
我仍然不确定为什么会发生这种情况以及如何永久修复它,但是我的解决方法是广播事件,并确保在收听ot时,它具有相同的范围。