Angular2 Material SnackBar 集成问题

Posted 2023-02-23

【中文标题】Angular2 Material SnackBar 集成问题

【英文标题】：Angular2 Material SnackBar integration problems

【发布时间】：2017-05-10 23:48:52

【问题描述】：

我正在尝试将 Material Snackbar 集成到我的 angular2 应用程序中。

我已经成功地从同一个库中集成了ProgressBar，但是在使用 SnackBar 时遇到了错误。

这是我如何整合SnackBar

（相关）app.module.ts：

imports: [
    BrowserModule,
    HttpModule,
    FormsModule,
    CoreModule,
    UsersModule,
    AppRoutingModule,
    MaterialModule.forRoot(),
],

（相关）app.component.ts：

  constructor(private route: ActivatedRoute,
            private router: Router,
            private snackBar: MdSnackBar,
            private viewContainerRef: ViewContainerRef) 


// this method is bound to a simple button in template
showSnack() 
    this.snackBar.open("Showing Snack", "Yayyy!");

点击 showSnack 按钮后，我收到此错误：

原始异常：view.animationContext.getAnimationPlayers 不是函数

更详细的堆栈跟踪：

【问题讨论】：

它适用于我plnkr.co/edit/FOIyGX0cxLVCuBVaoUvg?p=preview我也在本地机器上尝试过

是的，可以在 plunker 中工作，但不能在本地工作。您认为这可能与软件包版本有关吗？

【参考方案1】：

我不知道为什么，但这是软件包版本的问题。

这个问题出现在材料 2.0.0-alpha.11-3 上，而我的角度出现在 2.2.0 上。

将材料库更新到 2.0.0-beta.1 解决了我的问题。