Question 1

How do I create a custom spinner design with ngx-ui-loader?

Accepted Answer

Use the custom template feature available from version 9.1.0 by defining your HTML/CSS template and configuring it in NgxUiLoaderModule. The documentation provides examples for overriding default styles to match your brand.

Question 2

Does ngx-ui-loader work with Angular Universal for SSR?

Accepted Answer

It's primarily client-side, so with Angular Universal, you may need to manage loader states carefully to prevent hydration issues. The library doesn't explicitly address SSR compatibility in the README, so test in your setup.

Question 3

ngx-ui-loader vs Angular Material Progress Spinner: which should I use?

Accepted Answer

Choose ngx-ui-loader for advanced features like multiple loaders, progress bars, and automatic HTTP integration. Angular Material's spinner is simpler and better if you already use Material Design and need basic loading indicators.

Question 4

How to automatically show loaders for all HTTP requests?

Accepted Answer

Import NgxUiLoaderHttpModule in your app module; it uses HTTP interceptors to trigger loaders during requests. Configure thresholds or exclusions via settings as per the automatic integration docs.

Question 5

Can I use ngx-ui-loader in Ionic Angular apps?

Accepted Answer

Yes, it's Angular-compatible, but you might need to adjust styles for Ionic components. Test the blurred background and custom templates to ensure they don't clash with Ionic's UI framework.

Question 6

How to blur the page content when a loader is active?

Accepted Answer

Apply the NgxUiLoaderBlurred directive to your content elements; it automatically adds a CSS blur effect when foreground loaders are shown, as described in the features section.

ngx-ui-loader

What is ngx-ui-loader?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions