Questions tagged [ngx-spinner]

26 questions
6
votes
3 answers

Angular 7 - ngx-spinner covering the whole page

I have implemented ngx-spinner in my angular 7 page and set the fullscreen to false as I don't want the header to be covered by the background color of the spinner. It still covers the whole page while rendering. Not sure what the problem…
Tom
  • 8,175
  • 41
  • 136
  • 267
3
votes
1 answer

Getting error while while implementing the ngx-spinner using Angular8

I am getting the following error while implementing the ngx-spinner in my application. Error:: ERROR NullInjectorError: StaticInjectorError(AppModule)[NgxSpinnerComponent -> NgxSpinnerService]: StaticInjectorError(Platform:…
subhra_edqart
  • 183
  • 1
  • 11
2
votes
5 answers

ngx-spinner icon not showing Angular 13

The spinner comes up on page load however the loading text is showing but the icon is not showing. I have followed the documentation but I can't seem to find the issue. This is a screenshot of what I see on the page package.json "ngx-spinner":…
A.Mac
  • 203
  • 3
  • 19
2
votes
3 answers

[ngx-spinner]: Property "type" is missed. My spinner is not loading the type as it should

Here is where I implement the spinner properties.And in the console from Chrome I receive this error:[ngx-spinner]: Property "type" is missed. Please, provide animation type to component and ensure css is added to angular.json file export class…
Alejandro V
  • 39
  • 1
  • 4
2
votes
1 answer

Spinner loader is not hiding

I am using "ngx-spinner": "8.1.0", spinner shows up in tap() inside method for getting data from server.Spinner shows up but when trying to hide it on finalize() is not being hide at all. Any hint where might be the problem? Data from server are…
camel
  • 1,233
  • 2
  • 12
  • 18
1
vote
2 answers

Not able to locate the animations folder in ngx-spinner folder in node_modules

Hi I am working on an angular project below mentioned are the version details of the same. Angular v12 ngx-spinner v12 I am not able to locate the animations folder inside the ngx-spinner library in node_modules folder. I have included the css…
Akram
  • 23
  • 2
1
vote
1 answer

How can I include side navbar when ngx-spinner is running? It only runs on the component where I put it

```

Loading...

``` I need to run the ngx-spinner including the sidebar.
A-C-3
  • 31
  • 3
1
vote
0 answers

Ngx Spinner blocks devtools

I'm using Angular 11 and ngx-spinner as: My problem is that, whenever the spinner is active, I can…
1
vote
1 answer

Angular 9 | NgxSpinner: Overriden methods aren't working

I'm triying to override show and hide methods from NgxSpinner to prevent the short-time display spinners when the process lasts too little time. This is my code in the class that extends NgxSpinnerService import { Injectable } from…
1
vote
0 answers

Angular 7 module css not being added to head element

we have a few angular webapps and are currently on angular 7. In 2 of them I have added ngx-spinner and setup it up per the readme and it works without issue. However, on the 3rd app it does not load the css into the …
Michaela Ervin
  • 702
  • 8
  • 25
1
vote
0 answers

ngx-spinner spinner hides every other spinner in Angular?

I created a web page in Angular, divided in various components (tables, lists, etc which receive data from a server). For each element I created a separated class to manage their single spinners (ngx-spinner) so that each spinner ends when the…
1
vote
3 answers

How to block UI until all pending operations are complete?

I have an Angular 8 web app with NgxSpinner. I'm using it to block UI when some lengthy process is in progress to prevent users from interacting with complex forms while some parts haven't yet fully loaded. The problem is that NgxSpinner hides…
JustAMartin
  • 13,165
  • 18
  • 99
  • 183
0
votes
0 answers

No suitable injection token for parameter 'loadingService' of class 'LoadingInterceptor'

In my Angular-15 application I am implementing ngx-spinner. Angular CLI: 15.2.0 Node: 18.14.2 Package Manager: npm 9.5.0 OS: win32 x64 Angular: 15.2.0 ... animations, cli, common, compiler, compiler-cli, core, forms ... platform-browser,…
Ayobamilaye
  • 1,099
  • 1
  • 17
  • 46
0
votes
0 answers

Can't see spinner icon "NGX-SPINNER" in Angular

I have a problem on putting "ngx-spinner" on my angular application. I imported modules on app.module.ts : import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; …
mardev
  • 5
  • 3
0
votes
2 answers

ngx-spinner not installing on Angular 15.0.3

i have angular version 15.0.3. when i trying to install ngx-spinner with command npm install ngx-spinner, I getting an error sashamaksyutenko@MacBook-Pro Client % npm install ngx-spinner npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve…
Sasha87
  • 1
  • 6
1
2