предопределенные анимации с аниме. js не работает для angular

Question

Я использую angular 6 вместе с аниме. js, и я столкнулся с какой-то странной проблемой. Я создал таблицу с предопределенными анимациями и в зависимости от условия я хотел бы запустить одну из этих предопределенных анимаций. К сожалению, ни одна анимация не была видна, и анимированные элементы выглядели так, как они были до вызова play (). Интересно, что когда я добавил console.log () для отображения прогресса анимации, появились правильные значения.

hideAnimations: Array<any> = [];

ngAfterViewInit(): void
  {
    this.hideAnimations = [
      this.createHideAnimation('item-0'),
      this.createHideAnimation('item-1'),
      this.createHideAnimation('item-2')
    ];
  }

createHideAnimation(selector)
{
   return anime({
      targets: selector,
      scale: 0,
      easing: 'easeInOutSine',
      duration: 2000,
      delay: 0,
      autoplay: false,
      update: function(anim) {
          console.log(anim.progress);
      }
    });
}

onClickEvent(event)
{
  this.hideAnimations[0].play();
}