AnimationBuilder

To use this service, add it to your component or directive as a dependency. The service is instantiated along with your component.

Apps do not typically need to create their own animation players, but if you do need to, follow these steps:

1. Use the AnimationBuilder.build() method to create a programmatic animation. The method returns an AnimationFactory instance.

2. Use the factory object to create an AnimationPlayer and attach it to a DOM element.

3. Use the player object to control the animation programmatically.

For example:

// import the service from BrowserAnimationsModuleimport {AnimationBuilder} from '@angular/animations';// require the service as a dependencyclass 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(); }}