ngx-spinner is not hiding out after timeout

Question

ngx-spinner is not hiding after time out. It is showing for infinite time

In app.component.ts

import { NgxSpinnerService } from 'ngx-spinner';

constructor(private spinner: NgxSpinnerService) {}

ngOnInit(){
    this.spinner.show();
    setTimeout(() => {

        this.spinner.hide();
    }, 5000);
  }

In app.component.html

<ngx-spinner> </ngx-spinner>

Works only if you delay spinner.show(), check here: https://stackblitz.com/edit/angular-negfop — Sebastian Denis, Apr 10 '19 at 10:57
The above code is working fine with ngx-spinner@6.1.2 version — Shaik khaja Hussain, Apr 10 '19 at 11:02

score 0 · Answer 1 · answered Apr 10 '19 at 10:52

0

This is the issue with latest version of ngx-spinner(v7+), It is Working fine with 6.1.2 version.

answered Apr 10 '19 at 10:52

Shaik khaja Hussain

335
1
4
16

Do you think that this actually answers your question? If not and it is more of an addendum then please eidt the question and delete this non-answer. – Yunnosch May 26 '20 at 05:49

score 0 · Answer 2 · answered May 26 '20 at 05:46

0

You should provide name for spinner to ngx-spinner v7+.

answered May 26 '20 at 05:46

Yugandhar Gangu

21
1
1

score 0 · Answer 3 · answered May 27 '21 at 11:41

I had the same problem, if you check your console, you might find this error message "BrowserAnimationsModule” or “NoopAnimationsModule” in your application", this is solved in this thread stackoverflow: How to include BrowserAnimationModule in your Angular app If you follow those steps, everything should work just fine.

ngx-spinner is not hiding out after timeout

3 Answers3