Angular Busy

Overview

The angular-busy library is a powerful tool for enhancing user experience in Angular applications by displaying loading indicators during asynchronous operations such as HTTP requests or any other promises. This feature is essential for informing users that their actions are being processed, thus improving the overall responsiveness and intuitiveness of the application.

With simple integration steps and a range of customizable options, angular-busy can be tailored to fit various design needs. Whether you want a basic loading spinner or a fully customized loading message, this library provides the flexibility required for modern web applications.

Features

• Easy Integration: Install via Bower, npm, yarn, or download files directly, and add the necessary script and stylesheet to your project with minimal hassle.

• Promise Support: The cg-busy directive can show the busy indicator based on a promise, allowing it to react to different asynchronous operations effectively.

• Customizable Messages: You can specify a custom loading message using the optional 'message' parameter, with a default set to 'Please Wait...' which can be dynamically updated.

• Flexible Backdrop Options: The backdrop option can be toggled on or off, allowing you to control whether to have a faded backdrop behind the loading indicator.

• Custom Templates: The library allows for custom templates, giving you the freedom to display the loading animation in any design you prefer, while still keeping access to scope variables.

• Override Defaults: Customize default settings for message, backdrop, delay, and minDuration by overriding the $injector value for cgBusyDefaults based on your application's requirements.

• Adjustable Timing Controls: Fine-tune the appearance of loading indicators using 'delay' and 'minDuration' parameters, allowing you to control when the indicator appears and for how long it stays visible.

• Regular Updates: The library is actively maintained, with regular updates addressing bugs and compatibility with newer Angular versions, ensuring a robust experience.