EduviduLoadingAnimationsDirective

The EduviduLoadingAnimationsDirective is an Angular directive that adds a custom loading animation to any element it is applied to. It uses a spinner animation to indicate a loading state and disables interaction with the element while loading.

Installation

1. Add the EduviduLoadingAnimationsDirective to your project.
2. Ensure that your project is set up with Angular and the Renderer2 and ElementRef are properly configured.

Usage

Once the directive is added to your Angular project, you can use it on any HTML element to display a loading spinner.

Example:

<button [eduviduLoadingAnimation]="isLoading">Submit</button>