chieffancypants/angular-loading-barArchived
Angular Loading Bar
angular-loading-bar este un manager de stare de încărcare și o componentă de bară de progres pentru aplicațiile Angular. Oferă un sistem pentru vizualizarea activității cererilor de rețea printr-un indicator de încărcare automat care monitorizează cererile HTTP de ieșire.
Proiectul gestionează cererile de rețea concurente prin gruparea mai multor apeluri API într-o singură stare de încărcare, asigurându-se că indicatorul rămâne vizibil până la finalizarea ultimei cereri. Include un prag de latență pentru a întârzia apariția barei de încărcare, ceea ce previne pâlpâirea vizuală în timpul cererilor rapide.
Sistemul suportă filtrarea prin tipare URL pentru a exclude apelurile de fundal sau de polling specifice de la declanșarea UI-ului. De asemenea, oferă control manual al stării, permițând indicatorului de încărcare să fie pornit sau oprit programatic pentru sarcini independente de monitorizarea rețelei.
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.
