角料旋转器不旋转

Question

我是 angular 的新手，自 5 月以来一直在用它进行一个新项目。现在我们需要在这个现有项目中添加材质微调器，但微调器并没有真正旋转。它只显示一个静态圆圈，我已经尝试了不同的模式。我真的不知道我错过了什么，我想知道如何调试它，因为我没有收到任何错误。

这是我的设置：

包.json

"@angular/animations": "^7.2.16",
"@angular/cdk": "^7.3.7",
"@angular/common": "^7.2.16",
"@angular/compiler": "^7.2.16",
"@angular/core": "^7.2.16",
"@angular/forms": "^7.2.16",
"@angular/material": "^7.3.7",
"@angular/platform-browser": "^7.2.16",
"@angular/platform-browser-dynamic": "^7.2.16",
"@angular/router": "^7.2.16",

我将此添加到 UiModule 中：

import { MatDialogModule, MatProgressSpinnerModule } from '@angular/material';
...
@NgModule({ imports: [UiSharedModule, DpDatePickerModule, FontAwesomeModule, MatDialogModule, MatProgressSpinnerModule],
  exports: [
    ButtonComponent,
    DropdownComponent,
    InputComponent,
    TabListComponent,
    TabContentComponent,
    DatePickerComponent,
    CardComponent,
    SpinnerComponent
  ],
  declarations: [
    ButtonComponent,
    DropdownComponent,
    InputComponent,
    TabListComponent,
    TabContentComponent,
    DatePickerComponent,
    CardComponent,
    SpinnerComponent
  ]
})

在html中我尝试了这两个版本：

<mat-progress-spinner mode="indeterminate"></mat-progress-spinner>

和

<mat-spinner></mat-spinner>

我也在我的一个 angular-tutorial 项目中尝试了同样的方法，它运行良好！所以我也想，我需要做一些角度更新吗？

Answer 1

我昨天可以和我的一位同事一起解决这个问题。因为这是一个暂停的项目，我们正在清理所有内容，所以我们偶然发现了在 app.module.ts 中声明的 NoopAnimationsModule。这阻止了动画：D