Overview

NgxLoadingMaskAngular is a versatile and efficient loading mask UI component designed for Angular applications. It simplifies the process of displaying loading indicators, helping developers enhance the user experience during data loading. With its focus on customization and easy integration, this component is perfect for projects that require clear and concise visual feedback when loading data or executing tasks.

This loading mask component supports both global and local loading masks, allowing for tailored displays based on different application states. Leveraging Angular's httpClient, it enables seamless integration with services and ensures your app's interface remains clean and responsive.

Features

Global and Local Loading Masks: Easily declare loading masks at both global and local levels, providing flexibility to control visibility based on application needs.
Customizable Configurations: Adjust various loading configurations, including snippet size, background color, and class suffixes to match your application's style.
Event Observables: Listen for loading events via the observable events, enabling smooth handling of loading state transitions.
Template Override: Customize the loading spin template using ng-template, allowing for unique designs that align with the application's branding.
HttpClient Integration: Leverage Angular's httpClient interceptor for seamless integration, allowing the loading mask to toggle dynamically during HTTP requests.
Debug Mode: Enable or disable debug mode to troubleshoot issues during development, providing insights into loading operations.
Simple Installation and Setup: Quick installation via npm, with straightforward integration in your Angular application, making it easy to get started.
Unit Test Cases Provided: Comes with unit test cases which assists in ensuring the reliability of the loading mask component during development.

Haoliangwu

Ngx Loading Mask

Ngx What Boilerplate