AnimationTransitionEvent

Experimental Class Class Overview class AnimationTransitionEvent { constructor({fromState, toState, totalTime}: {fromState: string, toState: string, totalTime: number}) fromState : string toState : string totalTime : number } Class Description Constructor constructor({fromState, toState, totalTime}: {fromState: string, toState: string, totalTime: number}) Class Details fromState : string toState : string totalTime : number exported from @ang

AnimationStyleMetadata

Experimental Class Class Overview class AnimationStyleMetadata { constructor(styles: Array<string|{[key: string]: string | number}>, offset?: number) styles : Array<string|{[key: string]: string | number}> offset : number } Class Description Metadata representing the entry of animations. Instances of this class are provided via the animation DSL when the style animation function is called. Constructor constructor(styles: Array<string|{[key: string]: string | nu

AnimationStateTransitionMetadata

Experimental Class Class Overview class AnimationStateTransitionMetadata { constructor(stateChangeExpr: string, steps: AnimationMetadata) stateChangeExpr : string steps : AnimationMetadata } Class Description Metadata representing the entry of animations. Instances of this class are provided via the animation DSL when the transition animation function is called. Constructor constructor(stateChangeExpr: string, steps: AnimationMetadata) Class Details stateChangeExpr : string

AnimationStateMetadata

Experimental Class Class Overview class AnimationStateMetadata { } Class Description exported from @angular/core/index, defined in @angular/core/src/animation/metadata.ts

AnimationStateDeclarationMetadata

Experimental Class Class Overview class AnimationStateDeclarationMetadata { constructor(stateNameExpr: string, styles: AnimationStyleMetadata) stateNameExpr : string styles : AnimationStyleMetadata } Class Description Metadata representing the entry of animations. Instances of this class are provided via the animation DSL when the state animation function is called. Constructor constructor(stateNameExpr: string, styles: AnimationStyleMetadata) Class Details stateNameExpr :

AnimationSequenceMetadata

Experimental Class Class Overview class AnimationSequenceMetadata { constructor(_steps: AnimationMetadata[]) steps : AnimationMetadata[] } Class Description Metadata representing the entry of animations. Instances of this class are provided via the animation DSL when the sequence animation function is called. Constructor constructor(_steps: AnimationMetadata[]) Class Details steps : AnimationMetadata[] exported from @angular/core/index, defined in @angular/core/src/animation

Animations

A guide to Angular's animation system. Motion is an important aspect in the design of modern web applications. We want our user interfaces to have smooth transitions between states, and engaging animations that call attention where it's needed. Well-designed animations can make a UI not only more fun but also easier to use. Angular's animation system gives us what we need to make the kinds of animations we want. We can build animations that run with the same kind of native performance that we'r

AnimationPlayer

Experimental Class Class Overview class AnimationPlayer { onDone(fn: () => void) : void onStart(fn: () => void) : void init() : void hasStarted() : boolean play() : void pause() : void restart() : void finish() : void destroy() : void reset() : void setPosition(p: any) : void getPosition() : number parentPlayer : AnimationPlayer } Class Description Class Details onDone(fn: () => void) : void onStart(fn: () => void) : void init() : void hasStarted(

AnimationMetadata

Experimental Class Class Overview class AnimationMetadata { } Class Description exported from @angular/core/index, defined in @angular/core/src/animation/metadata.ts

AnimationKeyframesSequenceMetadata

Experimental Class Class Overview class AnimationKeyframesSequenceMetadata { constructor(steps: AnimationStyleMetadata[]) steps : AnimationStyleMetadata[] } Class Description Metadata representing the entry of animations. Instances of this class are provided via the animation DSL when the keyframes animation function is called. Constructor constructor(steps: AnimationStyleMetadata[]) Class Details steps : AnimationStyleMetadata[] exported from @angular/core/index, defined in