La misma pregunta que ¿Cómo activar n estados variables (mismo estado) en animaciones angulares? pero no hay código publicado en la respuesta y los dioses de stackoverflow no me permiten publicar allí.
Fragmento como referencia, no se ejecutará
animations: [ trigger('slide', [ state('left', style({ transform: 'translateX(-{{translationFactor}}px)' }), { params: { translationFactor: 0 }, }), state('right', style({ transform: 'translateX(-{{translationFactor}}px)' }), { params: { translationFactor: 0 }, }), transition('* => *', animate(500)), ]), ], onAnimationEnd(event: AnimationEvent) { this.isSliding = false; } <div (@slide.done)="onAnimationEnd($event)" [@slide]="{ value: activeDirection, params: { translationFactor: translationFactor } }">Cuando la transición es entre estos estados, funciona, pero no funciona cuando tienes que pasar de 'correcto' a 'más' 'correcto', lo cual tiene sentido, pero no sé cómo restablecer el estado, así que cuando 'derecha' termina, también puede pasar a 'derecha' nuevamente