AnimationStateMetadata

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

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

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 :

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

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

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

AnimationWithStepsMetadata

Experimental Class Class Overview class AnimationWithStepsMetadata { constructor() steps : AnimationMetadata[] } Class Description Constructor constructor() Class Details steps : AnimationMetadata[] exported from @angular/core/index, defined in @angular/core/src/animation/metadata.ts

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(

AnimationEntryMetadata

Experimental Class Class Overview class AnimationEntryMetadata { constructor(name: string, definitions: AnimationStateMetadata[]) name : string definitions : AnimationStateMetadata[] } Class Description Metadata representing the entry of animations. Instances of this class are provided via the animation DSL when the trigger animation function is called. Constructor constructor(name: string, definitions: AnimationStateMetadata[]) Class Details name : string definitions : An

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