angular анимационный скользящий эффект - PullRequest
Новая
       8

angular анимационный скользящий эффект

0 голосов
/ 05 апреля 2020

angular Эффект анимации скольжения работает нормально, но проблема в том, что я хочу начать заново с первого слайда при нажатии на последний слайд, это также работает нормально, но проблема заключается в том, что все слайдеры перед тем, как щелкнуть по последнему слайду, перед загрузкой первого слайда проблема заключается в том, как показать первый слайд без скольжения всего слайда. 

animations: [
    trigger('slideers', [
      state('first', style({ transform: 'translateX(0%)' })),
      state('second', style({ transform: 'translateX(-25%)' })),
      state('third', style({ transform: 'translateX(-50%)' })),
      state('fourth', style({ transform: 'translateX(-75%)' })),
      transition('* => *', animate(300))
    ])
  ]
.parentDiv{
    height: 100%;
    width: 400%;       
    display: flex;     
    div { flex: 1; }  
  }
<div class="parentDiv" [@slideers]="activePanel" >
  <div ><ng-content select="[first]"></ng-content></div>
  <div><ng-content select="[second]"></ng-content></div>
  <div><ng-content select="[third]"></ng-content></div>
  <div><ng-content select="[fourth]"></ng-content></div>

</div>

, чтобы показать первым после завершения цикла, все ползунки скользят, и мне нужно показать первый, не сдвигая все ползунки.

...