chieffancypants/angular-loading-barArchived
Angular Loading Bar
angular-loading-bar es un gestor de estado de carga y componente de barra de progreso para aplicaciones Angular. Proporciona un sistema para visualizar la actividad de solicitudes de red a través de un indicador de carga automático que monitorea las solicitudes HTTP salientes.
El proyecto gestiona solicitudes de red concurrentes agrupando múltiples llamadas a la API en un único estado de carga, asegurando que el indicador permanezca visible hasta que la solicitud final se complete. Incluye un umbral de latencia para retrasar la aparición de la barra de carga, lo que evita el parpadeo visual durante solicitudes rápidas.
El sistema soporta filtrado por patrones de URL para excluir llamadas específicas de fondo o de polling de la activación de la UI. También proporciona control de estado manual, permitiendo que el indicador de carga se inicie o detenga programáticamente para tareas independientes del monitoreo de red.
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.
