Ich verwende FullCalendar plugin in AngularJs .
Alles funktioniert gut. Im eventRender-Ereignis füge ich background color , image , tooltip und label für jedes Ereignis hinzu, dafür friere die Browser-Registerkarte für einige Sekunden ein .
Gibt es eine Möglichkeit, Lader oder etwas anderes zu beschleunigen oder anzuzeigen?
Ich verwende folgenden Code
%Vor%Zunächst würde ich vorschlagen, das DOM so weit wie möglich während des eventRender-Handlers zu vermeiden. Sie müssen das img-Tag nicht zum Element hinzufügen. Fügen Sie stattdessen einfach eine Klasse hinzu, die ein Hintergrundbild angibt. Also in Ihrem CSS haben Sie eine Klasse wie:
%Vor%Dann mache element.addClass ('fuettern'). DOM-Manipulationen, bei denen Sie Knoten hinzufügen, sind kostspielig. Sie können auch die Art der Einstellung der Hintergrundfarbe auf ähnliche Weise optimieren. Die gleiche Klasse (fuettern, reinigen etc) könnte die Hintergrundfarbe einstellen. In der Tat, AFAICT, sollten Sie alles tun können, außer den Tooltip reinzustellen, indem Sie eine Klasse festlegen.
Sehen Sie sich zweitens an, wie viele Objekte (Ereignisse) sich im Bereich befinden. Zu viele Objekte sind die Hauptursache für Bug-Rendering-Verzögerungen in Angular. Stellen Sie sicher, dass Sie nur Ereignisse wiedergeben, die Sie anzeigen müssen.
Drittens wird Ihr Versuch, einen Loader zu zeigen, nie so funktionieren. Im Grunde wird das DOM erst wieder gerendert, wenn JavaScript seine Sache erledigt hat. Sie können also einen Spinner anzeigen, während eine asynchrone -Methode darauf wartet, aufgelöst zu werden. Sie können jedoch keine zu Beginn einer synchronen Methode anzeigen und sie dann am Ende wieder ausblenden. Und selbst wenn Sie einen Hack mit $ timeout oder etwas gefunden haben, dreht sich der Spinner nicht, während der Javascript-Code läuft - so sieht die Ansicht immer noch eingefroren aus.
Tags und Links angularjs jquery fullcalendar