Angular Material Progress Spinner 没有动画

Question

我正在尝试从 Angular Material 添加一个不确定的微调器。我检查了官方堆栈闪电战示例https://stackblitz.com/angular/nkabnxaenep。我比较了包 jsons 并找不到任何差异。前面有几个小版本。确定模式虽然有效...... 我导入了正确的模块，运行时没有错误。

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

有什么想法吗？如果您需要更多信息，请告诉我。

Answer 1

要启用 Angular Material 的动画，您必须将 BrowserAnimationsModule 导入您的 AppModule，如 getting started guide 的第二步所述。

imports: [
    BrowserModule,
    BrowserAnimationsModule,
    // NoopAnimationsModule,
    ...

注意：请务必从您的项目中删除NoopAnimationsModule。

Answer 2

就像@Robin De Schepper 建议的那样，解决方案是将 BrowserAnimationsModule 添加到 app.module.ts

像这样：

imports: [
    BrowserModule,
    BrowserAnimationsModule,
    // NoopAnimationsModule,
    ...

注意：对于较新版本的 Angular，如果您的导入数组中有 NoopAnimationsModule，则必须注释/删除它。