Beste Lade-/Fortschrittsindikatorbibliotheken für Angular

Blog

Beste Lade-/Fortschrittsindikatorbibliotheken für Angular

Ngx-Ladeleiste

Eine vollautomatische Ladeleiste ohne Konfiguration für die Angular-App (http, http-Client und Router).

netflix code eingeben aktivieren

Live-Demo: https://aitboudad.github.io/ngx-loading-bar

Von Http Loader

Intelligenter eckiger HTTP-Interceptor - Fängt automatisch HTTP-Anfragen ab und zeigt einen Spinkit-Spinner / Loader / Fortschrittsbalken an

Eckiger Svg Runder Fortschrittsbalken

Eckiger SVG runder Fortschrittsbalken
Angulares Modul, das SVG verwendet, um einen kreisförmigen Fortschrittsbalken zu erstellen

Live-Demo: http://crisbeto.github.io/angular-svg-round-progressbar/

Winkelladestange

Die Idee ist einfach: Fügen Sie einen Ladebalken / Fortschrittsbalken hinzu, wenn eine XHR-Anfrage eckig ausgeht. Mehrere Anfragen innerhalb desselben Zeitraums werden gebündelt, sodass jede Antwort den Fortschrittsbalken um den entsprechenden Betrag erhöht.

Das ist meistens cool, weil Sie es einfach in Ihre App einbinden und es funktioniert. Es gibt keine komplizierte Einrichtung und keine Notwendigkeit, den Zustand des Ladebalkens beizubehalten; es wird alles automatisch vom Abfangjäger gehandhabt.

Voraussetzungen: AngularJS 1.2+

Dateigröße: 2,4 KB verkleinert, 0,5 KB gzipped

beste Reaktionstabellenkomponente

Live-Demo: https://chieffancypants.github.io/angular-loading-bar/

Ngx-Fortschrittsbalken

Ein nanoskopischer Fortschrittsbalken. Mit realistischen Trickle-Animationen, um Ihre Benutzer davon zu überzeugen, dass etwas passiert!

Live-Demo: https://ngx-progressbar.netlify.com/

Winkel Besetzt

Beschäftigt/Laden-Indikatoren für jedes Element während $http-Anfragen (oder jeder Zusage) anzeigen.

Live-Demo: http://cgross.github.io/angular-busy/demo/

Ngx-Spinner

Eine Bibliothek zum Laden von Spinnern für Angular 4/5/6/7/8/9.

Live-Demo: https://napster2210.github.io/ngx-spinner/

So beheben Sie, dass sich die Cash-App nicht auf diesem Gerät anmelden kann

#angular #angularjs #javascript