Angular 引导日历在添加或更新事件后不会更新视图

Question

我正在使用 mattlewis 引导日历。事件显示正确。但是，如果我将新事件添加到日历，它会复制其他日期中的事件，而不是将事件添加到添加的日期。只有在刷新页面后，一切正常。我也尝试了$scope.$apply。但似乎没有任何效果。

这是我的网页

<mwl-calendar events="events" view="calendarView" 
view-date="viewDate" view-title="calendarTitle"
on-event-click="eventClicked(calendarEvent)"
on-event-times-changed="eventTimesChanged(calendarEvent);
calendarEvent.startsAt = calendarNewEventStart; calendarEvent.endsAt = calendarNewEventEnd"
cell-is-open="cellIsOpen" day-view-start="06:00"
day-view-end="22:59" day-view-split="30"
cell-modifier="cellModifier(calendarCell)"
on-event-click="eventClicked(calendarEvent)"
cell-auto-open-disabled="true"
on-timespan-click="timespanClicked(calendarDate, calendarCell)">
</mwl-calendar>

控制器.js

$scope.events = [];
$scope.myevents = function(start, end, timezone, callback) {
SalesNotifyService.getAllNotify().then(function(response) {
$scope.allleadnotify  = response.data;
console.log($scope.allleadnotify);
var events = [];
angular.forEach($scope.allleadnotify,function(event,key){
var today = new Date();
var notifyDates = new Date(event.notifyDate);
if(event.leadName!=null){
$scope.events.push({
title: event.notifyType,
startsAt : event.notifyDate,
endsAt : event.notifyEndDate,
withoffender: event.leadName,
});
} else {
$scope.events.push({
title: event.notifyType,
startsAt : event.notifyDate,
endsAt : event.notifyEndDate,
withoffender: '',
});
}
});
});
}

现在保存后我像这样调用$scope.myevents函数

SalesNotifyService.saveNotify(notify).then(function(response){
$scope.notify = response.data;
$scope.myevents();
});

但即使我调用myevents函数，事件也没有正确填充在日历中。如果我已经有事件，那么在添加新事件后，旧事件将复制并显示。如果我重新加载页面，那么一切都很好。在html中，我在ng-init中调用myevents函数。任何人都可以告诉如何在添加事件后正确显示事件而无需重新加载页面？

Answer 1

也许您需要在再次添加事件之前将 $scope.events 重置为空数组？如果你不这样做，那么每次调用$scope.myevents((时，你都会在同一数组中再次添加事件而不删除它们。所以在$scope.myevents中，在函数的开头做$scope.events=[]

$scope.events = events;并将事件推送到本地"events"数组中。