Question 1

How to ignore certain HTTP requests in ngx-loading-bar?

Accepted Answer

Set the NGX_LOADING_BAR_IGNORED context in the HTTP request options. For example, use `httpClient.get('/status', { context: new HttpContext().set(NGX_LOADING_BAR_IGNORED, true) })` to exclude that request from triggering the loading bar, as shown in the README.

Question 2

ngx-loading-bar vs Angular Material progress bar: which should I use?

Accepted Answer

ngx-loading-bar is better for automatic integration with HTTP and router events, while Material progress bar offers more styling options but requires manual control. ngx-loading-bar can integrate with Material for a hybrid approach, as detailed in the 'Integration with Material Progress bar' section.

Question 3

How to customize the color and height of ngx-loading-bar?

Accepted Answer

Use input properties like [color] and [height] on the <ngx-loading-bar> component. For instance, set [color]="'red'" and [height]="'4px'" in your template, with defaults documented in the input table under 'Customize ngx-loading-bar'.

Question 4

Does ngx-loading-bar work with lazy loaded modules in Angular?

Accepted Answer

Yes, but you must use LoadingBarRouterModule for router events, as HTTP requests for lazy modules might not trigger the HTTP loading bar automatically. The README notes this under 'Lazy Loading modules' to avoid confusion.

Question 5

How to manage multiple loading bars separately in an app?

Accepted Answer

Use the ref input or LoadingBarService with different refs. For example, define and , or use `this.loader.useRef('router')` in the service, as explained in 'Manage multi loading bars separately'.

Question 6

Is ngx-loading-bar compatible with Angular 16 or newer?

Accepted Answer

Yes, but check the version compatibility table: for Angular >=16.0, use @ngx-loading-bar/core 7.x. Mismatching versions can lead to errors, so always verify the README guidelines during installation.

ngx-loading-bar

What is ngx-loading-bar?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions