AngularJS UI-Kalender nicht aktualisieren von Terminen auf dem Kalender

Nur eine kurze Korrektur zu Studio4Development Antwort. Sollten Sie "splice" nicht "slice". Scheibe gibt die beschnitten array. Was wollen wir eigentlich verändern Sie das ursprüngliche array. So können Sie verwenden:

$scope.events.splice(0, $scope.events.length)

sowie das hinzufügen neuer Ereignisse:

$scope.events.push(newEvent)

InformationsquelleAutor Emeka

Hier ist, wie ich fest ein ähnliches problem auf meiner Seite.

Ansicht (vereinfacht, Hinweis: mit jade)

div#calendarNugget(ng-show="activeCalendar == 'Nugget'" ui-calendar="uiConfig.calendarNugget" ng-model="eventSources")
div#calendarWillow(ng-show="activeCalendar == 'Willow'" ui-calendar="uiConfig.calendarWillow" ng-model="eventSources2")

controller:

Als pro-ui-Kalender, docs, beginne ich mit einem leeren array für meine event-Quellen. Ignorieren, dass sollte ich wohl benennen Sie diese eventSources, um etwas über den shop-Namen (Weide, nugget)

$scope.eventSources = [];
$scope.eventSources2 = [];

Ich dann eine factory-Funktion, die eine http-Anforderung und zieht eine Reihe von events aus der DB. Die Ereignisse haben alle "Titel", "Beginn", "Ende" - Eigenschaften (stellen Sie sicher, dass Ihre Datum-format ist korrekt). Sie haben auch eine "shop" - Eigenschaft, die mir sagt, welche Kalender hinzufügen, um das Ereignis zu.

Also nach Erhalt der Daten mache ich zwei lokale arrays in einer Schleife durch das empfangen von http-Daten und zuordnen der Ereignisse zu den lokalen arrays durch das Geschäft. Endlich kann ich wieder Rendern der Kalender mit der richtigen event-Daten durch den Aufruf addEventSource, die automatisch neu gerendert, die als pro den fullCalendar docs

Sieht es etwas entlang der Linien von diesem iirc:

function splitShiftsByShop(shifts) {

  var nuggetShifts = [];
  var willowShifts = [];

  for (var i=0; i<shifts.length; i++) {
      if (shifts[i].shop === "Nugget") {

          var nshift = {
            title : shifts[i].employee,
            start : new Date(shifts[i].start),
            end : new Date(shifts[i].end),
            allDay: false
          }

          nuggetShifts.push(nshift);

      } else if (shifts[i].shop === "Willow") {

          var wshift = {
            title : shifts[i].employee,
            start : new Date(shifts[i].start),
            end : new Date(shifts[i].end),
            allDay: false
          }

          willowShifts.push(wshift);
      }
  }

  /*render the calendars again*/
    $('#calendarNugget').fullCalendar('addEventSource', nuggetShifts);
    $('#calendarWillow').fullCalendar('addEventSource', willowShifts);

}

InformationsquelleAutor AlexDelPiero

Laut ui-Kalender-code, es funktioniert tatsächlich Uhr eventSources aber nie die tatsächlichen, individuellen Quellen. So ein push, um, sagen wir, $Umfang.events ($Umfang.eventSources = [$scope.Ereignisse]), wird nie ausgelöst nichts.

So schieben Sie events zu $Umfang.eventSources[0]

$scope.eventSources[0].splice(0, $scope.eventSources[0].length);
$scope.eventSources[0].push({
 title : title,
 start : start,
 end : end                    
});

InformationsquelleAutor Niroop

Obwohl es späte Antwort, aber hoffe, es kann einigen helfen. Ich sage es weiter Schritt für Schritt.

1. Müssen Sie halten die gleiche Quelle wie Studio4Development erwähnt.

   $Umfang.Veranstaltungen //keine Notwendigkeit, neu zu initialisieren es

2. Entfernen Sie die aktualisierte Veranstaltung aus Veranstaltungen array wie folgt (für das Letzte Ereignis im Ereignis-array):

   $Umfang.Veranstaltungen.splice($Umfang.Veranstaltungen.Länge - 1, 1);

Für den Fall, dass kann überall existieren, in der Ereignisse-array müssen Sie den index benutzen:

var eventIndex = $scope.events.map(function (x) { return x.Id; }).indexOf(eventId);

und dann werden Sie es entfernen von Ereignissen-array wie dieses:

$scope.events.splice(eventIndex, 1);

1. Als Nächstes werden Sie Holen diese Veranstaltung von der API, das einmal wie folgt aus:

   getEvent(Daten.Id);

2. und in der callback-Methode werden Sie erneut fügen Sie die Ereignis-und Ereignisse-array:

   var getSingleEventSuccessCallback = function (event) {
   $Umfang.Veranstaltungen.push(event);
   };

InformationsquelleAutor Faran Shabbir

Versuchen. Es funktionierte für mich.

function flushEvents()
{
    $scope.events.splice(0,$scope.events.length);

    for(var i=0; i<$scope.events.length; i++)
    {
        $scope.events.splice(i,1);
    }

}

InformationsquelleAutor snfrox