波纹效果未显示在角度应用程序的按钮中 - Angular-Material答案

【问题标题】：Ripple effect is not displaying in button in angular app - Angular-Material波纹效果未显示在角度应用程序的按钮中 - Angular-Material
【发布时间】：2019-05-11 17:32:35
【问题描述】：

https://material.angular.io/components/button/overview

我正在使用这个 angular-material 按钮，但一切正常，但我没有在单击按钮时获得涟漪效果？

https://stackblitz.com/edit/angular-7-lazy-loading-lnchhw?file=src/styles.css

我在 stackblitz 中制作了它，但它工作正常，但在我的 Angular 应用程序中却不行？

我遗漏了什么或者有什么错误？

app.component.html

<button mat-button>Basic</button>

app.module.ts

 import { MatButtonModule } from '@angular/material';
      imports: [
   BrowserModule,
        HttpClientModule,
        RouterModule,
        AppRoutingModule,
        NgbModule.forRoot(),
        BrowserAnimationsModule,
        NoopAnimationsModule
        MatButtonModule,
        MaterialModule
        ],

【问题讨论】：

得到了解决方案。 NoopAnimationsModule 导致错误，但不明白为什么？

标签： angular angular-material angular7

【解决方案1】：

不要同时导入 BrowserAnimationsModule 和 NoopAnimationsModule。你只想要BrowserAnimationsModule。

NoopAnimationsModule 基本上禁用了动画！

【讨论】：

谢谢，我刚找到这个。但是你能解释一下为什么吗？我无法理解。
答案已更新 - NoopAnimationsModule 基本上禁用动画。
谢谢。 G. 特兰特。我会读到这个 NoopAnimationsModule。