Wie verwende ich Steuerelemente (insbesondere eventAllow) aus dem Vollkalender in einer Winkelumgebung, um das Ziehen und Ablegen bestimmter Ereignisse einzuschränken?

Ich habe das nach einer frustrierenden Zeit selbst gelöst. Die Antwort besteht darin, eine Eigenschaft / Variable in der ts-Datei mit dem Titel eventAllow zu erstellen und die Variable auf eine Funktion mit einem Booleschen Antworttyp festzulegen.

eventAllow = function (dropInfo, draggedEvent) {
    if(draggedEvent.extendedProps.calendarEvent.id !== null) {
      return true;
    }
    return false;
  }

und lesen Sie die Eigenschaft / Variable in der HTML-Datei wie unten.

<full-calendar #unitCalendar [editable]='true' [defaultView]="calendarView" [defaultDate]="unit.start_date*1000" [plugins]="calendarPlugins" [header]="calendarHeader" (eventClick)="viewEventDetails($event)" (eventDrop)='eventDropped($event)' (eventResize)='eventResized($event)' [eventAllow]='eventAllow' (dateClick)="handleDateClick($event)" [eventSources]="calendarEventSource"></full-calendar>

HINWEIS: Das Erstellen einer Methode anstelle einer Eigenschaft / Variablen funktioniert nicht und verursacht möglicherweise einen StackOverflow.

Hoffe, das hilft jedem da draußen mit einem ähnlichen Problem!