AnimationBuilder — Angular

Сервис, который можно внедрить и который программно создает последовательность анимации в компоненте или директиве Angular. Предоставляется BrowserAnimationsModule или NoopAnimationsModule.

Предупреждение об устаревании

Вместо этого используйте animate.enter или animate.leave. Планируется удалить в версии 23

API

abstract class AnimationBuilder {
  abstract build(animation: AnimationMetadata | AnimationMetadata[]): AnimationFactory;
}

build

AnimationFactory

Создает фабрику для создания заданной анимации.

@paramanimationAnimationMetadata | AnimationMetadata[]

Многократно используемое определение анимации.

@returnsAnimationFactory

Объект фабрики, который может создать проигрыватель для заданной анимации.

Примечания по использованию

Чтобы использовать этот сервис, добавьте его в компонент или директиву как зависимость. Экземпляр сервиса создается вместе с компонентом.

Обычно приложениям не требуется создавать собственные проигрыватели анимации, но если вам это необходимо, выполните следующие действия:

Используйте метод AnimationBuilder.build() для создания анимации программным способом. Метод возвращает экземпляр AnimationFactory.
Используйте объект фабрики, чтобы создать AnimationPlayer и привязать его к элементу DOM.
Используйте объект проигрывателя для управления анимацией программным способом.

Например:

// import the service from BrowserAnimationsModule
import {AnimationBuilder} from '@angular/animations';
// require the service as a dependency
class MyCmp {
  constructor(private _builder: AnimationBuilder) {}

  makeAnimation(element: any) {
    // first define a reusable animation
    const myAnimation = this._builder.build([
      style({ width: 0 }),
      animate(1000, style({ width: '100px' }))
    ]);

    // use the returned factory object to create a player
    const player = myAnimation.create(element);

    player.play();
  }
}