【问题标题】:Angular Material Progress Spinner not animatedAngular Material Progress Spinner 没有动画
【发布时间】:2021-10-13 17:22:48
【问题描述】:

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

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

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

【问题讨论】:

  • 您是否将BrowserAnimationsModule 导入到您的AppModule 中?
  • @RobinDeSchepper 不,我没有。我不知道那存在。我在文档中没有看到任何关于此的内容。它修复了它。如果您创建一个答案将不接受
  • 好的,我还会链接到提到它的文档以丰富答案

标签: angular angular-material


【解决方案1】:

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

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

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

【讨论】:

    【解决方案2】:

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

    像这样:

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

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

    【讨论】:

    • 谢谢,如果你没问题,我会在我的回答中包含你的例子
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-09-26
    • 1970-01-01
    • 1970-01-01
    • 2021-04-22
    • 1970-01-01
    相关资源
    最近更新 更多