chieffancypants/angular-loading-barArchived
Angular Loading Bar
angular-loading-bar ist ein Ladestatus-Manager und Fortschrittsbalken-Komponente für Angular-Anwendungen. Sie bietet ein System zur Visualisierung der Netzwerk-Request-Aktivität durch einen automatischen Ladeindikator, der ausgehende HTTP-Requests überwacht.
Das Projekt verwaltet gleichzeitige Netzwerk-Requests durch Bündelung mehrerer API-Aufrufe in einen einzigen Ladestatus, wodurch sichergestellt wird, dass der Indikator sichtbar bleibt, bis der letzte Request abgeschlossen ist. Es enthält einen Latenz-Schwellenwert, um das Erscheinen des Ladebalkens zu verzögern, was visuelles Flackern bei schnellen Requests verhindert.
Das System unterstützt URL-Musterfilterung, um spezifische Hintergrund- oder Polling-Aufrufe vom Auslösen des UI auszuschließen. Es bietet zudem manuelle Statuskontrolle, die es ermöglicht, den Ladeindikator programmgesteuert für Aufgaben unabhängig vom Netzwerk-Monitoring zu starten oder zu stoppen.
Features
- Loading Progress Bars - Provides a visual loading progress bar for Angular applications that tracks asynchronous network requests.
- Outgoing Request Monitors - Monitors outgoing HTTP requests to provide real-time visual feedback on the status of data fetching.
- UI Request Bundling - Bundles multiple concurrent network requests into a single loading state to prevent multiple indicators from appearing.
- User Interface & Experience - Improves user experience by eliminating layout flicker during fast requests through latency thresholding.
- Application Loading State Managers - Provides a comprehensive system for managing and visualizing application loading states via automatic monitoring and manual triggers.
- Concurrent Request Visualizations - Bundles multiple concurrent API calls into a single loading state to simplify the perceived application performance.
- Request State Tracking - Tracks the number of active concurrent network requests to maintain the loading indicator until the final request completes.
- HTTP Request Interceptors - Implements an HTTP interceptor to automatically trigger and manage the loading state based on outgoing network requests.
- Loading Indicator Interceptors - Automatically triggers the loading progress bar by hooking into the Angular HTTP request pipeline.
- UI Trigger Filters - Supports URL pattern filtering to exclude polling or background calls from triggering the loading bar.
- UI Visibility Debouncing - Prevents the loading bar from flashing during very fast network requests by delaying its appearance until a threshold is reached.
- Loading Indicators - Provides configurable visibility controls for the loading indicator to prevent flickering during fast network responses.
- Manual Loading State Overrides - Allows developers to manually start or stop the loading indicator for non-network background tasks.
- Loading State Indicators - Allows programmatic control over the loading state indicators to reflect non-network background activity.
- Network Request Filters - Filters outgoing network requests by URL patterns to avoid triggering the loading bar for polling or background syncs.
