Анимация угловая 6

Question

У меня есть этот код.Я ловлю событие «Проведите пальцем влево» и «Проведите пальцем вправо», но оно выполняется только один раз.Как я могу перейти к бесконечному продолжению?
Я тоже использовал (@ animationState.done) = "resetAnimationState ()", но это не сработало.
Пример: translateX (-10%) -> translateX (-20%).

Спасибо.

      animations: [
        trigger('animationState', [
          state('swipeleft', style({
            transform : 'translateX(-10%)'
          })),
          state('swiperight', style({
            transform : 'translateX(0px)'
          })),
          transition('swipeleft  swiperight', animate('300ms ease-in-out'))
        ])
      ]