CODEWITHSUNDEEP
angularangular-material
user9847788
user9847788

Reputation: 2431

<mat-spinner> is completely static in my angular app

I am trying to add a mat-spinner from Angular Material to my Angular app. The mat-spinner documentation can be found here.

In the documentation, you can see the spinner continuously spins with just the below code:

<mat-spinner></mat-spinner>

I have added this to my app, but instead of spinning, it is remaining completely static. Please see below:

Can someone please tell me what else needs to be added so that it spins continuously. There are no console errors appearing also.

enter image description here

Upvotes: 2

Views: 1523

Answers (1)

edjm
edjm

Reputation: 5532

I found the issue for my project. You don't want to have the noopAnimationModule imported. From what another poster stated it should be used when running tests or for slower systems that have issues with animation. Someone decided to put it in our application.

What's the difference between BrowserAnimationsModule and NoopAnimationsModule?

So remove the import for noopAnimationModule from your app.module.ts or wherever you have it imported.

Upvotes: 3

Related Questions