2016-12-26 4 views
0

Я пытаюсь интегрировать Material Snackbar в мое приложение angular2.Угловые2 Проблемы с интеграцией в SnackBar

Я уже успешно интегрировал 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 is not a function

Более подробная StackTrace: enter image description here

+0

Это работает для меня https://plnkr.co/edit/FOIyGX0cxLVCuBVaoUvg?p=preview Я также пробовал его на локальной машине – yurzui

+0

Да, работает в plunker, но не локально. Считаете ли вы, что это может иметь какое-то отношение к версиям пакетов? – Jazib

ответ

1

Я не знаю, почему, но это была проблема с версиями пакета.

Эта проблема была на Материал 2.0.0-alpha.11-3, в то время как мой угловой на 2.2.0.

Обновление библиотеки материалов до 2.0.0-beta.1 исправлено с моей проблемой.

Смежные вопросы