Ngx-Spinner is not working in feature module

ngx-spinner not working in angular 8
ngx-spinner not full screen
ngx-spinner z-index
ngx-spinner multiple
angular 5 loading spinner example
ngx-spinner is not a known element
ngx-spinner github
ng bootstrap spinner

Ngx-Spinner it is working fine when i call it in inside the main module i.e. app-module.

I am using line spinner on complete page so i define it inside the app-component.html

<ngx-spinner bdColor="rgba(51, 51, 51, 0.47)" size="medium" color="#fff" type="line-spin-clockwise-fade"></ngx-spinner>

but in case of when i am trying to show this spinner by calling from a component of feature module , it is not working .

You need to move this ngx-spinner into separate component. You can call this spinner component using Subject/BehaviorSubject using next() operator in the source component.

You can listen for the data in the 'ngx-spinner' component using subscribe method for display/hide the spinner.

Ngx-Spinner is not working in feature module - angular - html, When working with feature modules and lazy loading, you also need to import the NgxSpinnerModule into your feature module. #NgModule({ imports:  The spinner will not show if call is in ngOnIni There was an issue closed by the issue creator about two weeks ago (issue 75), however I wonder if there is an issue here after all, either with documentation or with actual implementation.

'ngx-spinner' is not a known element · Issue #6 · Napster2210/ngx , and including NgxSpinnerModule in the NgModule in each modules the library was used. Hi @kunleawotunbo I tried this and didn't work, can you be more  If you want multiple ngx-spinner instance, just add name attribute with ngx-spinner component. But in this case, you've to pass that particular name of a spinner in show/hide method. Check Demo; You can also change the options/configuration of spinner through service now.

When working with feature modules and lazy loading, you also need to import the NgxSpinnerModule into your feature module.

@NgModule({
    imports: [
        CommonModule,
        NgxSpinnerModule,
        ...
    ],
})
export class FeatureModule { ... }

Hope it helps

spinner is not visible · Issue #83 · Napster2210/ngx-spinner · GitHub, spinner is not showing when using in feature module. Had to roll back to 7.0.0, then it worked. This Video will show you, How to use ngx spinner. Ngx Spinner Loading in ng 6 app | angular loading spinner | loading spinner in angular 4 Installation: run the following command in terminal

Try this example in stackblitz

In your module import NgxSpinnerModule

import { NgxSpinnerModule } from "ngx-spinner";


@NgModule({
  imports: [
    CommonModule, NgxSpinnerModule
  ]
})
export class UserModule { }

Ngx-Spinner is not working in feature module, When working with feature modules and lazy loading, you also need to import the NgxSpinnerModule into your feature module. @NgModule({ imports: [  If you want multiple ngx-spinner instance, just add name attribute with ngx-spinner component. But in this case, you've to pass that particular name of a spinner in show/hide method. Check Demo; You can also change the options/configuration of spinner through service now.

ngx-spinner, A library with more than 50 different loading spinners for Angular 4/5/6/7/8/9. (​https://napster2210.github.io/ngx-spinner/) Hi team we have just updated our project to angular 8 and installed ngx-spinner 8.1.2, the spinner is coming but we are able to interact with the screen in the backdrop even when the spinner is still loading, eg the spinner is loading and in the background i can see tool tip on hover of an element.. can u please suggest us how we can disable the interaction with the backdrop

Using a spinner component for Angular, app-routing.module'; import { NgxSpinnerModule } from 'ngx-spinner';@​NgModule({ spinner.service';const SPINNER_MESSAGE = 'Loading. If you want multiple ngx-spinner instance, just add name attribute with ngx-spinner component. But in this case, you've to pass that particular name of a spinner in show/hide method. Check Demo; You can also change the options/configuration of spinner through service now.

Package, ngx-spinner. A library with more than 50 different loading spinners for Angular 4/5​/6/7/8/9. What's New; Table of contents; Browser Support; Features; Demo Import NgxSpinnerModule in in the root module( AppModule ): abp-zero-​template-mok · abp-zero-template-n · abp-zero-template-no · abp-zero-template-​nop  Angular 6 Loading Spinner Example is the today’s main topic. In the real-time example, when we send a network request to the server, while we get a response, we need to display the spinner or any loader to the user. It is the best practice for user experience.

Comments
  • Share the code what you had tried with so far.
  • I think we need to see your imports declaration.
  • It still needs to be in the html file for the component where you activate 'show()' or 'hide()'. Is this the case?
  • @rrd it is not mandatory that it should be present in the same component from where we put the call of show and hide , its working fine in case of mine in which i am putting <ng-spinner> tag in the app-root.component.html and displaying it from its child component.