interface
An instance of this class is returned as an event parameter when an animation callback is captured for an animation either during the start or done phase.
interface AnimationEvent { fromState: string toState: string totalTime: number phaseName: string 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 } }
Property | Description |
---|---|
fromState: string | The name of the state from which the animation is triggered. |
toState: string | The name of the state in which the animation completes. |
totalTime: number | The time it takes the animation to complete, in milliseconds. |
phaseName: string | The animation phase in which the callback was invoked, one of "start" or "done". |
element: any | The element to which the animation is attached. |
triggerName: string | Internal. |
disabled: boolean | Internal. |
© 2010–2021 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v11.angular.io/api/animations/AnimationEvent