Angular2 Material SnackBar集成问题

时间:2016-12-26 14:12:46

标签: javascript angular angular-material2 snackbar

我正在尝试将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按钮后,出现此错误:

  

ORIGINAL EXCEPTION:view.animationContext.getAnimationPlayers不是函数

更详细的堆栈跟踪: enter image description here

1 个答案:

答案 0 :(得分:1)

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

当我的角度在2.0.0-alpha.11-3时,此问题出现在素材2.2.0上。

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