jsdaddy / ngx-loader-indicator Goto Github PK

why

<div loader [show]="isLoading">Content</div>

and not just

<div [loader]="isLoading">Content</div>

Probably due to a copy paste, the documentation link in the readme points to the wrong project (ngx-mask instead of ngx-loader-indicator)

Safari Error:
TypeError: t.animate is not a function. (In 't.animate([{transform:"rotate(360deg)"},{transform:"rotate(0deg)"}],this.rotateAnimaitioan)', 't.animate' is undefined)

I have upgraded my app to angular 15. I am not using standalone components yet. I have added

This to my main.ts file

bootstrapApplication(AppComponent, {
  providers: [
      provideAnimations(),
      provideEnvironmentNgxLoaderIndicator({
        rotate: {
          duration: 5000
        },
        loaderStyles: {
          'z-index': '9999'
        }
      }),
  ],
}).catch((err) => console.error(err));

And have added this to my component

  providers: [
    provideNgxLoaderIndicator(),
],

Error I'm seeing

Can't bind to 'loader' since it isn't a known property of 'div'.

How do I get this to work. A complete source code example would be very helpful.