AnimationEvent — Angular

Экземпляр этого класса возвращается в качестве параметра события, когда перехватывается обратный вызов анимации — во время её запуска или завершения.

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

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

API

interface AnimationEvent {
  fromState: string;
  toState: string;
  totalTime: number;
  phaseName: string;
  element: any;
  triggerName: string;
  disabled: boolean;
}

fromState

string

Имя состояния, из которого запускается анимация.

toState

string

Имя состояния, в котором завершается анимация.

totalTime

number

Время, необходимое для завершения анимации, в миллисекундах.

phaseName

string

Фаза анимации, в которой был вызван обратный вызов: "start" или "done".

element

any

Элемент, к которому прикреплена анимация.

triggerName

string

Внутреннее свойство.

disabled

boolean

Внутреннее свойство.

Описание

@Component({
  host: {
    '[@myAnimationTrigger]': 'someExpression',
    '(@myAnimationTrigger.start)': 'captureStartEvent($event)',
    '(@myAnimationTrigger.done)': 'captureDoneEvent($event)',
  },
  animations: [
    trigger("myAnimationTrigger", [
       // ...
    ])
  ]
})
class MyComponent {
  someExpression: any = false;
  captureStartEvent(event: AnimationEvent) {
    // the toState, fromState and totalTime data is accessible from the event variable
  }

  captureDoneEvent(event: AnimationEvent) {
    // the toState, fromState and totalTime data is accessible from the event variable
  }
}